JSON了解

一、什么是JSON

概念：

• JSON: JavaScript Object Notation(JavaScript 对象表示法)
• JSON 是存储和交换文本信息的语法。类似 XML。
• JSON 比 XML 更小、更快，更易解析。

特点：

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

二、JSON的写法

1. 语法规则： JSON 语法是 JavaScript 对象表示语法的子集。

• 数据在名称/值对中。
• 数据由逗号分隔。
• 大括号保存对象。
• 中括号保存数组。

2. 写法： JSON 数据的书写格式是：名称/值对。名称/值对包括字段名称（在双引号中），后 面写一个冒号，然后是值。

"name" : "菜鸟教程"
//等同于javascript
name = "菜鸟教程"

3. 值上的范围： (注意冒号与逗号)

• 数字（整数或浮点数）
• 字符串（在双引号""中）
• 逻辑值（true 或 false）
• 数组（在中括号[]中）
• 对象（在大括号{}中）
• null

4. 访问：
   可以使用 . 或者 [ ] 。

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
//x=myObj["name"];

5. 循环访问对象：

var myObj = { "name":"runoob", "alexa":10000, "site":null };
//直接循环每对键值对，x为当前键值对的 键 名
for (x in myObj) {
    document.getElementById("demo").innerHTML += x + "<br>";
}
//结合访问[]  或者   .  即可得到值如“runoob”
for (x in myObj) {
    document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}

6. 修改值

myObj = {
    "name":"runoob",
    "alexa":10000,
    "sites": {
        "site1":"www.runoob.com",
        "site2":"m.runoob.com",
        "site3":"c.runoob.com"
    }
}
myObj.sites.site1 = "www.google.com";
//myObj.sites["site1"] = "www.google.com";

7. 删除值

delete myObj.sites.site1;
//delete myObj.sites["site1"];

8. json数组
   例如：[ “Google”, “Runoob”, “Taobao” ]
   注意：

• JSON 数组在中括号中书写。
• JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
• 与JavaScript 不同，在它之中，数组值可以是以上的 JSON 数据类型，也可以是 JavaScript 的表达式，包括函数，日期，及 undefined。
• 循环，修改，删除跟上面差不多，只不过数组有了默认下标 。

三、字符串转JSON——JSON.parse()

JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON.parse(text[, reviver])

• text:必需， 一个有效的 JSON 字符串。
• reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
//然后我们就可以使用以上的json数据了。

1. JSON不能放Date()：

var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
var obj = JSON.parse(text);
//先放日期的字符串形式，在转换成javascript对象后，
//再通过新建Date()初始化的方式，转换成 日期。
obj.initDate = new Date(obj.initDate);
document.getElementById("demo").innerHTML = obj.name + "创建日期: " + obj.initDate;

//或者 
var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
//效果差不多，找到键后，改变值。
var obj = JSON.parse(text, function (key, value) {
    if (key == "initDate") {
        return new Date(value);
    } else {
        return value;
}});

2. JSON不能放函数

• JSON 通常用于与服务端交换数据。
• 在向服务器发送数据时一般是字符串。
• 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

var text = '{ "name":"Runoob", "alexa":"function () {return 10000;}", "site":"www.runoob.com"}';
var obj = JSON.parse(text);
/*
使用 eval()引入那个方法。
记得给方法左右再加上左右括号()，防止转换时出错。
*/
obj.alexa = eval("(" + obj.alexa + ")");
 
document.getElementById("demo").innerHTML = obj.name + " Alexa 排名：" + obj.alexa();

JSON.stringify()

• value:必需， 要转换的 JavaScript 值（通常为对象或数组）。
• replacer: 可选。用于转换结果的函数或数组。
  如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：“”。
  如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
• space: 可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
//在没有日期，表达式，函数等JSON不能有的对象时，直接使用即可转换。
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

1. JSON 不能存储 Date 对象。JSON.stringify() 会将所有日期转换为字符串。

var obj = { "name":"Runoob", "initDate":new Date(), "site":"www.runoob.com"};
//不必事先弄成字符串，日期会被自动转换成字符串。
//相比字符串变JavaScript对象轻松了些。
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

2. JSON 不允许包含函数，JSON.stringify() 会删除 JavaScript 对象的函数，包括 key 和 value。 所以要先对函数处理下，让它变字符串先。

var obj = { "name":"Runoob", "alexa":function () {return 10000;}, "site":"www.runoob.com"};
//先变字符串啦，没有问题了嘞。
obj.alexa = obj.alexa.toString();
var myJSON = JSON.stringify(obj);
 
document.getElementById("demo").innerHTML = myJSON;

四、JSONP又是啥

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。
为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。
同源策略，它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器都会使用这个策略。

例子见此 https://www.runoob.com/json/json-jsonp.html

五、php中的JSON

json_encode 对变量进行 JSON 编码
json_decode对 JSON 格式的字符串进行解码，转换为 PHP 变量
json_last_error 返回最后发生的错误

例子见此 https://www.runoob.com/php/php-json.html