javascript - 如何将外部 json 文件分配为其他文件中的变量

Question

我目前在页面模板上有一些 Javascript 来管理一些 JSON 数据。我当前配置的方式是将 JSON 数据分配给页面模板上的变量。我想做的是将 JSON 移动到外部 .json 文件，并且仍然能够在页面模板上使用我的变量。目前它看起来像这样:

var data = [{
    "fruit": "Apple",
    "size": "Large",
    "color": "Red"
}];

我想要做的是创建一个名为 data.json 的文件，然后将其分配为我的页面模板上的数据变量。

data.json:

{
    "fruit": "Apple",
    "size": "Large",
    "color": "Red"
}

页面模板:

var data = 'data.json';

我怎样才能做到这一点？

Answer 1

使用例如动态方式加载 json获取

async function start() {
  let url = 'my.json'
  var data = await (await fetch(url)).json();
  // ...
}

start();