前台页面中json和字符串相互转化

Posted 2020-06-19 蚂蚁撼大象

 

比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象：

var a={"name":"tom","sex":"男","age":"24"}

var b=‘{"name":"Mike","sex":"女","age":"29"}‘;

 

在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。

JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；

上面的转换可以这么写：

var a={"name":"tom","sex":"男","age":"24"};

var b=‘{"name":"Mike","sex":"女","age":"29"}‘;

var aToStr=JSON.stringify(a);
var bToObj=JSON.parse(b);

alert(typeof(aToStr));  //string

alert(typeof(bToObj));//object

 

JSON.stringify()

ie8(兼容模式),ie7和ie6没有JSON对象，不过http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法；你可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。

ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象，

var c=‘{"name":"Mike","sex":"女","age":"29"}‘;

var cToObj=eval("("+c+")");

alert(typeof(cToObj));

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 javascript （JSON）对象。当然如果有兴趣可以自己封装一个jQuery扩展，jQuery.stringifyJSON(obj)将JSON转为字符串。

 

js，jquery把json格式转化为对象类型

 

 $(function () {
            var jsonStr = "[{ \"city\": \"Beijing\",\"street\": \" Chaoyang Road\", \"postcode\": \"100025 \"},{ \"city\": \"上海\",\"street\": \" h\", \"postcode\": \"h \"}]"//json格式
            var jsonS = $.parseJSON(jsonStr);   //jquery的.parseJSON（）方法
            for (var i = 0; i < jsonS.length; i++) {
                var json = jsonS[i];
                alert(json.city);    //结果为 输出2次 一次北京 一次上海
            }
        });
        function () {
            var jsonStr = "[{ \"city\": \"Beijing\",\"street\": \" Chaoyang Road\", \"postcode\": \"100025 \"},{ \"city\": \"上海\",\"street\": \" h\", \"postcode\": \"h \"}]"//json格式
            var jsonS = eval(jsonStr);        //js的eval(）方法
            for (var i = 0; i < jsonS.length; i++) {
                var json = jsonS[i];
                alert(json.city);   //结果为 输出2次 一次北京 一次上海
            }
        }

 

原文地址http://www.css88.com/archives/3919