在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。
例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串转换为JSON对象
要使用上面的str1,必须使用下面的方法先转化为JSON对象:
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON();
或者
var obj = JSON.parse(str);
然后,就可以这样读取:
Alert(obj.name);
Alert(obj.sex);
特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。
二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。
例如:
var last=obj.toJSONString();
或者
var last=JSON.stringify(obj);
注意:
上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。
新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。
如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。
三、(new Function())():
(new Function('return' +str1 ))() 与 eval()功能类似,避免了eval在ie等浏览器中的问题。
/*JSON.stringify():objext to json*/
var book = {
title : "professional javascript",
authors : [
"nicholas C. Zakas"
],
edition : 3,
year : 2011
};
var jsonText = JSON.stringify(book);
var jsonTextFilter = JSON.stringify(book,['title','edition']);//第二个参数用来过滤json
var jsonTextFunction = JSON.stringify(book,function(key,value){//替换函数
switch(key){
case 'title':
return value;
case 'year':
return 5000;
case 'edition':
return undefined;
default:
return value;
}
});
var jsonText_b1 = JSON.stringify(book,null,4);//第二个参数用来控制结果中的缩进和空白符
var jsonText_b2 = JSON.stringify(book,null,15);//所有大于10的值都会自动转换为10
var jsonText_b3 = JSON.stringify(book,null,'***');
console.log("jsonText: " + jsonText);
console.log("jsonTextFilter: " + jsonTextFilter);
console.log("jsonTextFunction: " + jsonTextFunction);
<span style="font-size:12px;">console.log("jsonText_b1: " + jsonText_b1);
console.log("jsonText_b2: " + jsonText_b2);
console.log("jsonText_b3: " + jsonText_b3);
/*JSON.parse():json to object*/
var book = {
title : "professional javascript",
authors : [
"nicholas C. Zakas"
],
edition : 3,
year : 2011,
releaseDate : new Date(2011,11,1)
};
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText);
var bookCopy = JSON.parse(jsonText,function(key,value){//还原函数
if(key == 'releaseDate'){
return new Date(value);
}else{
return value;
}
});
console.log("bookCopy.releaseDate: " + bookCopy.releaseDate.getFullYear());</span>
四.引入一个json2.js的文件,使低版本浏览器支持JSON.stringify
<!--[if lt IE 8 ]><script src="json2.js"></script><![endif]-->