JSON.parse()

JSON通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

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

语法

JSON.parse(text[,reviver])

参数说明：

1.text：必需，一个有效的JSON字符串。

2.reviver：可选，一个转换结果的函数，将为对象的每个成员调用此函数。

JSON解析实例

例如从服务器接收了以下数据：

{"name":"runoob","alexa":10000,"site":"www.runoob.com"}

使用JSON.parse（）方法处理以上数据，将其转换为JavaScript对象：

var obj = JSON.parse('{"name":"runoob","alexa":10000,"site":"www.runoob

.com"}');

解析完成后，我们就可以在网页上使用JSON数据了：

<p id="demo"></p>
 
<script>
var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
document.getElementById("demo").innerHTML = obj.name + "：" + obj.site;
</script>

从服务端接收JSON数据

可以使用AJAX从服务器请求JSON数据，并解析为Javascript对象。

实例：

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数据

如果从服务端接收的是数组的JSON数据，则JSON.parse会将其转换为JavaScript数组：

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

异常

解析数据

JSON不能存储Date对象。

如果需要存储Date对象，需要将其转换为字符串。

之后再将字符串转换为Date对象。

var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.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":"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;
}});
 
document.getElementById("demo").innerHTML = obj.name + "创建日期：" + obj.initDate;

解析函数

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

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

不建议在JSON中使用函数。