如何在 ES5 中导入 JSON 文件？

Question

我有 JSON 文件名 data.json 有数据

{
   "name":"XYZ"
}

我有一个 ES5 文件名 script.js，我想在其中使用这个 JSON 文件，任务是导入文件并将数据存储在 ES5 class。我试过了

var data = require('./data.json') 它给了我

Uncaught ReferenceError: require is not defined

Answer 1

参考评论post;

您目前运行浏览器中的代码段并使用 CommonJS 导入。浏览器使用 ES6 导入：

import * as data from "./data.json"

进一步参考：模块上的 MDN：here

自由代码训练营：here

Answer 2

您需要像这样制作 data.json 文件

data={
   "name":"XYZ"
}

并将 data.json 文件导入 index.html 以便 data.json 保持在 script.js

之上

    <script type="text/javascript" src="data.json"></script>
    <script src="script.js"></script>

现在您可以使用 data 作为 script.js

中的变量

How to Import JSON file in ES5?