例如:

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }'; 
JSON对象:
var obj= { "name": "cxh", "sex": "man" };

 

1、在js中把json字符串转json对象的方法不止一种,最常见的一种方式如下,使用到eval方法:

1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
2 var json = eval("(" + jsonStr + ")");

 

2、使用Function来进行转换

1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
2 var json = (new Function("return " + jsonStr))();

 

3、还有一种是使用JSON全局对象,不过比较可惜的是IE8以下的版本木有这个对象(囧TZ~),如果不考虑兼容IE8一下版本的话JSON全局对象是个很有用的东西,使用的代码如下:

1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
2 //将字符串转换成JSON对象
3 var json = JSON.parse(jsonStr);
4 //将JSON对象转换成字符串
5 var str = JSON.stringify(json);

  JSON对象提供了两个很有用的方法,JSON.parse()方法接受一个字符串作为参数,返回一个json对象;JSON.stringify()方法则相反!
  PS:有一个比较常用的组建,叫做json2,这个组件也提供了一个全局对象,也是叫JSON,同样也有parse和stringify两个方法,使用这个组建可以很好的解决IE8以下版本使用不了JSON全局变量的方法,需要这个组建的话请前往这里https://github.com/douglascrockford/JSON-js,在源代码专用意见有使用说明了!

 

4、如果使用JQuery的话还有一个方法,就是jQuery.parseJSON()方法,和上面几个的效果一样,都是接受字符串返回json对象,代码如下:

1 var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
2 var json = jQuery.parseJSON(jsonStr);

 

请注意Json格式:

    对于json很多人经常会这样来定义:var jsonObj = {name:"serafin", age:26}; 在这里需要注意的是,这样定义在上面几种方法中,只有前面两种方法可以正常使用,后面两种方法会出现报错!其实最标准的定义应该是这样的:var jsonObj = {"name":"serafin", "age":26}; 也就是说每个key都要用双引号括住!这样的格式在上面几种方法都可以正常使用!

 posted on 2016-07-20 10:07  Just_Do  阅读(417)  评论(0编辑  收藏  举报