JavaScript快速上手之12：JSON

来源：互联网发布：阿里视频聊天软件编辑：程序博客网时间：2024/05/14 15:04

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.结果：

0 0