Javascript 使用嵌套JSON对象会导致控制台错误

Javascript 使用嵌套JSON对象会导致控制台错误,javascript,json,Javascript,Json,使用JSON嵌套对象时,在javascript控制台“JSON3.html:11 Uncaught SyntaxError:Invalid or unexpected token”中运行时出现错误 我已经通过验证了JSON,看起来还可以。输出仅为我的h2标记中的文本。我错过了什么? 这是密码 <!DOCTYPE html> <html> <body> <h2>Testing JSON .</h2> <p id="demo"&

使用JSON嵌套对象时,在javascript控制台“JSON3.html:11 Uncaught SyntaxError:Invalid or unexpected token”中运行时出现错误

我已经通过验证了JSON,看起来还可以。输出仅为我的h2标记中的文本。我错过了什么? 这是密码

<!DOCTYPE html>
<html>
<body>

<h2>Testing JSON .</h2>

<p id="demo"></p>

<script>

var myJSON = '{
  "LevelOne": {
    "LevelTwo": {
      "location": {
        "campus": "SouthWest",
        "building": "Biggest",
        "floor": "1st",
        "room": "101"
      },
      "quantity": "1",
      "section": "ABC",
      "task": "abc123456zyx"
    }
  }
}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myJSON.LevelOne.LevelTwo.location;
</script>

</body>
</html>

测试JSON。

var myJSON={ “一级”:{ “二级”:{ “地点”:{ “校园”:“西南”, “建筑”:“最大的”, “楼层”:“第一层”, “房间”:“101” }, “数量”:“1”, “部分”:“ABC”, “任务”:“abc123456zyx” } } }'; var myObj=JSON.parse(myJSON); document.getElementById(“demo”).innerHTML=myJSON.LevelOne.LevelTwo.location;
字符串串联 使用
包围的字符串不能扩展到多行,因此必须将每行分开,然后将它们连接起来。例如:

var myJSON='{'+
““一级”:{”+
““二级”:{”+
““地点”:{”+
"校园":"西南",+
“建筑”:“最大的”+
“楼层”:“第一层”+
“房间”:“101”+
'},' +
“数量”:“1”+
“部分”:“ABC”+
“任务”:“abc123456zyx”+
'}' +
'}' +
'}';
log(myJSON);
字符串连接 使用
包围的字符串不能扩展到多行,因此必须分离每行,然后将它们连接起来。例如:

var myJSON='{'+
““一级”:{”+
““二级”:{”+
““地点”:{”+
"校园":"西南",+
“建筑”:“最大的”+
“楼层”:“第一层”+
“房间”:“101”+
'},' +
“数量”:“1”+
“部分”:“ABC”+
“任务”:“abc123456zyx”+
'}' +
'}' +
'}';

log(myJSON)myJSON.LevelOne.LevelTwo.location是对象

var myJSON=
{一级:
{第二级:
{地点:
{校园:“西南”,建筑:“最大”,楼层:“第一”,房间:“101”}
,数量:“1”
,第节:“ABC”
,任务:“abc123456zyx”
} 
} 
} 
console.log(myJSON.LevelOne.LevelTwo.location)

//==>对象
myJSON.LevelOne.LevelTwo.location是对象

var myJSON=
{一级:
{第二级:
{地点:
{校园:“西南”,建筑:“最大”,楼层:“第一”,房间:“101”}
,数量:“1”
,第节:“ABC”
,任务:“abc123456zyx”
} 
} 
} 
console.log(myJSON.LevelOne.LevelTwo.location)

//==>对象
JavaScript对象表示法(JSON)是基于JavaScript对象语法表示结构化数据的标准文本格式。它通常用于在web应用程序中传输数据(例如,将一些数据从服务器发送到客户端,以便在网页上显示,反之亦然)。包括解析JSON,以便访问其中的数据,以及创建JSON

您可以直接添加JSON数据,而不是将JSON数据用作字符串 数据或使用双引号。如果使用单引号将object的JSON对象存储在变量中,则只需>在单行中写入添加JSON数据字符串,或者使用双引号

范例

<!DOCTYPE html>
<html>
<body>

<h2>Testing JSON .</h2>

<p id="demo"></p>

<script>

var myJSON = '{"LevelOne": {"LevelTwo": {"location": { "campus": "SouthWest","building": "Biggest","floor": "1st", "room": "101"},"quantity": "1","section": "ABC","task": "abc123456zyx"}}}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.LevelOne.LevelTwo.location;
</script>

</body>
</html>

测试JSON。

var myJSON='{“一级”:{“二级”:{“位置”:{“校园”:“西南”,“建筑”:“最大”,“楼层”:“第一”,“房间”:“101”},“数量”:“1”,“部分”:“ABC”,“任务”:“abc123456zyx”}}}; var myObj=JSON.parse(myJSON); document.getElementById(“demo”).innerHTML=myObj.LevelOne.LevelTwo.location;

你可以得到结果

另一个解决方案


JavaScript对象表示法(JSON)是基于JavaScript对象语法表示结构化数据的标准文本格式。它通常用于在web应用程序中传输数据(例如,将一些数据从服务器发送到客户端,以便在网页上显示,反之亦然)。包括解析JSON,以便访问其中的数据,以及创建JSON

您可以直接添加JSON数据,而不是将JSON数据用作字符串 数据或使用双引号。如果使用单引号将object的JSON对象存储在变量中,则只需>在单行中写入添加JSON数据字符串,或者使用双引号

范例

<!DOCTYPE html>
<html>
<body>

<h2>Testing JSON .</h2>

<p id="demo"></p>

<script>

var myJSON = '{"LevelOne": {"LevelTwo": {"location": { "campus": "SouthWest","building": "Biggest","floor": "1st", "room": "101"},"quantity": "1","section": "ABC","task": "abc123456zyx"}}}';
var myObj = JSON.parse(myJSON);
document.getElementById("demo").innerHTML = myObj.LevelOne.LevelTwo.location;
</script>

</body>
</html>

测试JSON。

var myJSON='{“一级”:{“二级”:{“位置”:{“校园”:“西南”,“建筑”:“最大”,“楼层”:“第一”,“房间”:“101”},“数量”:“1”,“部分”:“ABC”,“任务”:“abc123456zyx”}}}; var myObj=JSON.parse(myJSON); document.getElementById(“demo”).innerHTML=myObj.LevelOne.LevelTwo.location;

你可以得到结果

另一个解决方案


为什么不把它变成一个普通的JavaScript对象,而不是一个包含JSON的字符串呢?将单引号改为重音符号(位于瓷砖下面)。普通引号不喜欢多行语句。为什么不让它成为一个普通的JavaScript对象而不是一个包含JSON的字符串呢?将单引号改为重音符号(位于波浪线下)。普通引号不喜欢多行语句。