JSON

1.JSON:JavaScript Object Notation(JavaScript 对象表示法)。
JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。
由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。
2.JSON的特点：

1、JSON 是轻量级的文本数据交换格式。
2、JSON 独立于语言。
3、JSON 具有自我描述性，更易理解
4、JSON 是存储和交换文本信息的语法。类似 XML，但比 XML 更小、更快，更易解析

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

1、数据在名称/值对中
2、数据由逗号分隔
3、大括号保存对象
4、中括号保存数组

JSON名称/值对：名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值；

格式：“name” : “小明”

JSON数字：JSON 数字可以是整型或者浮点型；

格式：{ “age”:30 }

JSON对象：JSON 对象在大括号（{}）中书写；对象可以包含多个名称/值对；

格式：{ “name”:“小明” , “age”:30 }

JSON数组：JSON 数组在中括号中书写；数组可包含多个对象；

格式：{ “sites”: [ { “name”:“小明” , “age”:16 }, { “name”:“小红” , “age”:15 }, { “name”:“张三” , “age”:30 } ] }

JSON布尔值：JSON 布尔值可以是 true 或者 false；

格式：{ “flag”:true }

JSON NULL：JSON 可以设置 null 值；

格式：{ “runoob”:null }

4.JSON.parse()
可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

格式：JSON.parse(text[, reviver])

text:必需， 一个有效的 JSON 字符串。
reviver:可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
例：var obj = JSON.parse(’{ “name”:“百度”, “alexa”:10000, “site”:“www.baidu.com” }’);

从服务器接收JSON数据

var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function () {
            if (this.readyState == 4 && this.status == 200) {
                myObj = JSON.parse(this.responseText);
                document.getElementById("demo").innerHTML = myObj.name;
            }
        };
        xmlhttp.open("GET", "/try/ajax/json_demo.txt", true);
        xmlhttp.send();

JSON 不能存储 Date 对象。
如果你需要存储 Date 对象，需要将其转换为字符串。
之后再将字符串转换为 Date 对象。

var text = '{ "name":"百度", "initDate":"2019-06-07", "site":"www.baidu.com"}';
var obj = JSON.parse(text);
obj.initDate = new Date(obj.initDate);
document.getElementById("demo").innerHTML = obj.name + "创建日期: " + obj.initDate;

我们可以启用 JSON.parse 的第二个参数 reviver，一个转换结果的函数，对象的每个成员调用此函数。

var text = '{ "name":"百度", "initDate":"2019-06-07", "site":"www.baidu.com"}';
        var obj = JSON.parse(text, function (key, value) {
            if (key == "initDate") {
                return new Date(value);
            } else {
                return value;
            }
        });
document.getElementById("demo").innerHTML = obj.name + "创建日期：" + obj.initDate;

JSON 不允许包含函数，但可以将函数作为字符串存储，之后再将字符串转换为函数。

var text = '{ "name":"百度", "alexa":"function () {return 10000;}", "site":" www.baidu.com "}';
var obj = JSON.parse(text);
obj.alexa = eval("(" + obj.alexa + ")");
document.getElementById("demo").innerHTML = obj.name + " Alexa 排名：" + obj.alexa();

5.JSON.stringify()
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

格式：JSON.stringify(value[, replacer[, space]])

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

var obj = { "name": "百度", "alexa": 10000, "site": "www.baidu.com" };
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;