Question

我想在javascript中加载json文件。我在下面找到了一个链接。 http://www.askyb.com/javascript/load-json-file-locally-by-js-without-jquery/

test1.json

data = '[{"name" : "Harry","age": 32.12}]';

test2.json

data = '[
    {
        "name" : "Harry",
        "age": "32"
    }
]';

以上链接中的代码适用于test1.json，但适用于test2.json，我下面有错误。

Uncaught SyntaxError: Invalid or unexpected token
Uncaught ReferenceError: data is not defined
    at load (myscript.js:2)
    at onload (test.html:8)

是什么原因？

myscript.js

function load() {
    var mydata = JSON.parse(data);
    alert(mydata[0].name);
}

index.html

<!doctype html>
<html>
    <head>
        <title>Load JSON</title>
        <script type="text/javascript" src="test1.json"></script>
        <script type="text/javascript" src="myscript.js"></script>
    </head>
    <body onload="load()">
    </body>
</html>

Answer 1

如果可变范围跨越多行，则需要使用反勾而不是单引号

let data1 = '[{"name" : "Harry","age": 32.12}]';
let data2 = `[
    {
        "name" : "Harry",
        "age": "32"
    }
]`;
let JSONdata1 = JSON.parse(data1);
let JSONdata2 = JSON.parse(data2);
console.log(JSONdata1 );
console.log(JSONdata2 );

在JavaScript中读取本地JSON文件

1 个答案: