javascript(无 jquery)- 加载本地 json 文件

Question

我有一个本地 JSON 文件，我通过添加 var data = ... 将其转换为 JS 对象在那之前:

var data = {
    "people": [
        {
            "name": "Martin",
            "surname": "Smith"
        },
        {
            "name": "Jack",
            "surname": "Smith"
        }
    ]
}

我加载它:<script src="data.json" type="text/javascript">并尝试解析它:

var h = JSON.parse(data);

我收到以下错误:

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

Answer 1

当你把 var data = { 放在它前面时，它就不再是 JSON 而变成了 JavaScript。 (所以你不应该给它一个 .json 文件扩展名，这会鼓励服务器告诉浏览器它是 JSON 而不是 JS)。

在这种情况下，它是一个将对象分配给变量的JavaScript程序。

JSON.parse 获取包含 JSON 的字符串并将其转换为 JavaScript 对象(或数组或其他数据类型)。

不要解析它。它已经被 JavaScript 编译器解析。