如何在ES5中导入JSON文件?

Question

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

{
"name":"XYZ"
}

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

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

Uncaught ReferenceError: require is not defined

Answer 1

参考这篇文章的评论;

您当前正在浏览器中运行代码片段并使用CommonJS导入。浏览器使用ES6导入:

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

进一步参考:MDN on modules: here

Freecodebootcamp:这里

Answer 2

您需要像这样创建您的data.json文件

data={
"name":"XYZ"
}

并导入数据。将Json文件放入index.html中，以便数据。Json放在script.js上面

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

现在你可以使用data作为一个变量在script.js