JavaScript JSON

什么是JSON

JSON的作用：

1. JSON是用于存储和传输数据的格式；
2. JSON通常用于服务端向网页传输数据；

什么是JSON：

JSON全称为：JavaScript Object Notation

是一种轻量级的数据交换格式；

易于阅读和编写；

可以在多个语言之间进行交换，同时易于解析和生成；

JSON语法规则：

数据为键/值对。
数据由逗号分隔。
大括号{}保存对象。
方括号[]保存数组。

JSON字符串转换为JavaScript对象

创建JavaScript字符串，字符串为JSON 格式

1             var text = '{ "sites" : [' +
2                         '{ "name":"Runoob" , "url":"www.runoob.com" },' +
3                         '{ "name":"Google" , "url":"www.google.com" },' +
4                         '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

然后使用JavaScript内置函数JSON.parse()将字符串转换为JavaScript对象，：

var obj = JSON.parse(text);

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>javascript JSON</title>
 6     </head>
 7     <body>
 8         <h2>为JSON字符串创建对象</h2>
 9         <p id="demo"></p>
10         <script>
11             var text = '{ "sites" : [' +
12             '{ "name":"Runoob" , "url":"www.runoob.com" },' +
13             '{ "name":"Google" , "url":"www.google.com" },' +
14             '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
15             obj = JSON.parse(text)
16             console.log(obj)
17             document.getElementById("demo").innerHTML=obj.sites[0].name + " "+obj.sites[0].url  
18         </script>
19     </body>
20 </html>