如何将变量从 javascript 导入到 html 脚本标签

Question

我正在用 django 模板制作网页。在 HTML 脚本标签中，我制作了一个包含 geojson 数据的变量，因此它太长而无法包含在单个文件中。（大约 10000 行）所以我想将它分离到另一个地方。图片中的var“区域”就是它。

所以我想将该变量分离到另一个文件（也许是 .js 文件？任何格式都可以。）

我应该在哪里保存那个变量？是 .js 文件吗？
如何在 HTML 脚本标签中导入该变量？

感谢您的帮助！

Answer 1

只要使用一个只有变量的 JS 文件并通过脚本标签导入它就可以了。就像它保存在 areas.js 中一样使用代码
<script src = "areas.js"></script>
在 body 标签中然后你可以像在脚本中一样正常使用变量

Answer 2

您可以将该数据放入服务器上的 .json 文件中。比执行以下操作来获取 json 并解析它。

fetch('http://example.com/movies.json')
  .then(response => response.json())
  .then(data => {
     // Use data in your app.
  });

参考：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

您也可以使用 async/await 来避免 .then 和回调。

async function fetchMoviesJSON() {
  const response = await fetch('/movies.json');
  const movies = await response.json();
  // Use the data in your app.
}
fetchMoviesJSON();

如何将变量从 javascript 导入到 html 脚本标签

how to import variable from javasvript to html script tag

javascript

import

django-templates