JSON用于与Web服务器交换数据。从Web服务器接收数据时,数据始终是字符串。
该JSON.parse()方法解析JSON字符串,以构造JavaScript值或该字符串描述的对象。
语法:
JSON.parse(text, reviver)
第一个参数指定要解析为JSON的字符串。
可选的第二个参数指定一个在返回值之前检查每个属性的函数。
假设我们从Web服务器收到以下文本:
'{"name":"Seagull", "age":22, "city":"New Delhi"}'
使用该JSON.parse()方法,我们可以将JSON文本转换为JavaScript对象:
var myObj = JSON.parse('{"name":"Seagull", "age":22, "city":"New Delhi"}');测试看看‹/›
您可以使用AJAX请求从服务器请求JSON。
如果来自服务器的响应以JSON格式编写,则可以将字符串解析为JavaScript对象。
以下示例请求文件demo.json并解析响应:
var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (this.readyState === 4 && this.status === 200) { var myObj = JSON.parse(this.responseText); document.getElementById("output").innerHTML = myObj.name; } }; httpRequest.open("GET", "demo.json", true); httpRequest.send();测试看看‹/›
JSON.parse()在从数组派生的JSON上使用方法,该方法将返回JavaScript数组,而不是JavaScript对象。
以下示例请求文件json_array.txt并解析响应:
var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (this.readyState === 4 && this.status === 200) { var myArr = JSON.parse(this.responseText); document.getElementById("output").innerHTML = myArr[0]; } }; httpRequest.open("GET", "json_array.txt", true); httpRequest.send();测试看看‹/›
JSON中不允许使用日期对象。
如果需要包括日期,则将其写为字符串,然后稍后将其转换回日期对象。
var myJSON = '{"name":"Seagull", "birth":"1997-11-10", "city":"New Delhi"}'; var myObj = JSON.parse(myJSON); myObj.birth = new Date(myObj.birth); document.getElementById("output").innerHTML = myObj.name + " DOB is " + myObj.birth;测试看看‹/›
注意:将字符串转换为本地对象称为解析,而将本地对象转换为可以在网络上传输的字符串称为字符串化。