JavaScript快速上手之12：JSON

JSON数据解析实践

最新推荐文章于 2024-07-20 18:53:12 发布

原创最新推荐文章于 2024-07-20 18:53:12 发布 · 419 阅读

0 ·

CC 4.0 BY-SA版权

HTML 同时被 2 个专栏收录

45 篇文章

订阅专栏

JAVA Script

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript解析JSON字符串的方法，并通过一个具体的例子展示了如何将JSON字符串转换为JavaScript对象并从中提取数据。

1.目的：了解Json的使用方法。

2.代码：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>JavaScript</title> 
</head>
<body>

<!--
JSON 是用于：
1.存储和传输数据的格式。
2.通常用于服务端向网页传递数据 。

 -->
 

<h2>JSON 字符串创建方式</h2>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<script>
var text1 = '{"employees":[' +
	'{"firstName":"Peter","lastName":"Chiang" },' +
	'{"firstName":"John","lastName":"Lee" },' +
	'{"firstName":"Mary","lastName":"Lin" }]}';
obj = JSON.parse(text1);
document.getElementById("demo1").innerHTML =
	obj.employees[0].firstName + " " + obj.employees[0].lastName;
document.getElementById("demo2").innerHTML =
	obj.employees[1].firstName + " " + obj.employees[1].lastName;
document.getElementById("demo3").innerHTML =
	obj.employees[2].firstName + " " + obj.employees[2].lastName;
</script>


</body>
</head>
</html>

3.结果：