用javascript读取本地JSON文件

Question

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

test1.json测试1.json

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

test2.json测试2.json

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

The code in the link above works with test1.json, but with test2.json, I have got error below.上面链接中的代码适用于 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)

What's the reason?什么原因？

myscript.js我的脚本.js

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

index.html索引.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

If you are going to have a varaible span multiple lines, you need to use back ticks not single quotes如果您打算让变量跨多行，则需要使用反引号而不是单引号

 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 个解决方案

解决方案1
1 已采纳 2019-08-16 01:20:28

用javascript读取本地JSON文件

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-08-16 01:20:28

解决方案1
1 已采纳 2019-08-16 01:20:28