JS中的JSON

JS中的JSON

什么是JSON

1. JSON的英文全称是JavaScript object notation
2. JSON是一种轻量级的文本数据交换格式
3. JSON是独立的语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
4. JSON 具有自我描述性，更易理解

JSON

简介

JSON 格式化后为 JavaScript 对象

JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

JSON语法规则

1. 数据在名称/值对中

   • 键值对包括字段名称。后面一个冒号，然后是值；

   • "name":"Runoob"
     

2. 数据由逗号分隔

   • "name":"Runoob", "url":"www.runoob.com"
     

3. 大括号{ }保存对象

   • JSON 对象保存在大括号内。就像在 JavaScript 中, 对象可以保存多个 键/值 对：

   • {"name":"Runoob", "url":"www.runoob.com"}
     

4. 方括号[ ]保存数组

   • JSON数组保存在中括号内，就像在JavaScript中，数组可以包含对象；

   • "sites":[
         {"name":"Runoob", "url":"www.runoob.com"}, 
         {"name":"Google", "url":"www.google.com"},
         {"name":"Taobao", "url":"www.taobao.com"}
     ]
     

   JSON字符串转换为JavaScript对象

   我们从服务器中读取 JSON 数据，并在网页中显示数据。

首先我们需要创建JavaScript字符串没字符串为JSON格式的数据

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

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

var obj = JSON.parse(text);

最后再页面中使用新的JavaScript对象

document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

简而言之 JSON就是一个JS对象的字符串表示法，它使用文本表示一个JS对象的信息，本质上是一个字符串

JSON（格式字符串） 和 JS 对象（也可以叫JSON对象 或 JSON 格式的对象）互转（JSON.parse 和 JSON.stringify）。