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

比如我有两个变量，我要将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次 一次北京 一次上海

            }

        }

常错提示1：在拼接json的时候最好给元素的值加上引号。当值为字符串时，必须要引号，否则报错，当值为数值时，可不要引号。综合考虑，可都加引号，避免出错。

result = "{\"contactor\":\"" + list[0].Contactor + "\",\"mobile\":\"" + list[0].Mobile + "\"}";

参考资料：http://www.css88.com/archives/3919

巴特西

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

最新文章

热门文章