前端页面Json对象与Json字符串的相互转换

一：Json对象转换为json字符串

第一种：使用最原始的for循环自己拼装组合，这个我就不写例子了

 

第二种：使用浏览器自带的JSON对象，缺点是兼容性不好，对于ie8以下的版本不支持。

1 2 3

var userinfo = { name: "张三", age: 1, classname: "一年级",friends:["N1","N2","N3"] }; //Json 对象转换为json字符串 var s = JSON.stringify(userinfo);

第三种：引用json2.js ,使用JSON对象转换，兼容所有浏览器

1 2 3

var userinfo = { name: "张三", age: 1, classname: "一年级",friends:["N1","N2","N3"] }; //Json 对象转换为json字符串 var s = JSON.stringify(userinfo);

二：json字符串转换为Json对象 （用到这样的场景比较多）

第一种：使用Ajax 的转换对象

1 2	var workJsonString = "{\"name\":\"张三\",\"age\":1,\"classname\":\"一年级\"}"; var work1 = $.parseJSON(workJsonString);//使用Ajax

第二种：使用浏览器自带的JSON对象，缺点是兼容性不好，对于ie8以下的版本不支持。

1 2	var workJsonString = "{\"name\":\"张三\",\"age\":1,\"classname\":\"一年级\"}"; var work2 = JSON.parse(workJsonString);//浏览器自带的对象  兼容问题

第三种：引用json2.js ,使用JSON对象转换，兼容所有浏览器

1 2	var workJsonString = "{\"name\":\"张三\",\"age\":1,\"classname\":\"一年级\"}"; var work3 = JSON.parse(workJsonString);

第四种：使用eval()对象 注意：json字符串的两端需要加上一个括号

1 2	var workJsonString = "{\"name\":\"张三\",\"age\":1,\"classname\":\"一年级\"}"; var work4=eval("(" + workJsonString + ")");