一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js中json字符串对象互转的例子

时间:2016-02-27 编辑:简简单单 来源:一聚教程网

json对象,json字符串,不注意的话,很容易忽视混淆。例举几个容易混的情况

1,php将变量放到input框中,通过js去读取出来的是json字符串,要想使用就要将json字段串转成json对象
2,ajax返回json数据,如果请求没有设置dataType为json,这个时候得到也是json字符串
3,通过js改变input的value值,如果直接json对象,赋值的话,用开发者工具看到的值会是这样的,[Object Object]

一,json字符串,json对象区别


var aa = '{"test":1,"test1":2}'; 
var bb = {"test":1,"test1":2}; 
 
console.log(bb);   //结果为 Object { test=1,  test1=2} 
console.log(aa);   //结果为 {"test":1,"test1":2} 

区别就是,一个是对象,一个是字符串,哈哈。

二,json字符串转json对象

var obj = eval('(' + aa + ')');     //方法1 
var obj = JSON.parse(aa);         //方法2 

三,json对象转json字符串


var last=JSON.stringify(obj); 
上面的转换,我只加载了,jquery

例子


 
 
 
    json-demo 
 
 
    <textarea id="textarea1" value="" style=""> 
 
     
     
     
 

注:依赖jquery.js和json2.js。
运行效果:

---aa
---dd
---dddd
---undefined
---0,0,obj2.data[0].color
---{"chart":{"yAxisName":"ee"},"data":[{"label":0,"value":0,"color":"76A5DB"},{"label":2,"value":10,"color":"76A5DB"}]}

热门栏目