Javascript 使用嵌套JSON对象会导致控制台错误
使用JSON嵌套对象时,在javascript控制台“JSON3.html:11 Uncaught SyntaxError:Invalid or unexpected token”中运行时出现错误 我已经通过验证了JSON,看起来还可以。输出仅为我的h2标记中的文本。我错过了什么? 这是密码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"&
<!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的字符串呢?将单引号改为重音符号(位于波浪线下)。普通引号不喜欢多行语句。