用JS导入html模块

Question

编程新手，JavaScript新手。

我有一个简单的网页，我有一个菜单与不同的项目(例如。、结果和分析)。当你点击其中一个项目，说"结果"，我希望它显示在同一个网页(不重新加载)另一个HTML页面包含的结果，，这是在另一个文件。为什么?因为results的内容太大，不能写在main.js中，所以html需要从另一个HTML文件加载。

我在想(但可能有其他方法)用JavaScript导入results.html与事件侦听器。但我不知道该怎么做。使用HTML模块?

Answer 1

你的问题有不同的方法:

1. 使用fetch()在需要时从服务器加载数据，然后将其呈现到视图。
2. 使用import(...)动态导入，并加载整个模块，包括您的数据和视图

我个人的意见是1。然后在需要的时候加载数据。