码迷,mamicode.com
首页 > Web开发 > 详细

转换json和字符串的一些方法

时间:2017-03-25 11:16:46      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:lang   utf-8   微软   tty   png   key   其他   doc   java   

将字符串转换成json对象的方法:
var str = ‘{"name1":"value1","name2":"value2"}‘;(json的转换格式必须是单引号套双引号)
1.JSON.parse(str);
2.eval("("+str+")");
3.var json = (new Function("return"+str)());
将json转换成字符串:
1.JSON.stringgify(json);
 
兼容问题
JSON.parse()转化字符串成json对象在IE7及以下浏览器不支持(其他两种没问题)
可以引进下面的js文件解决这个问题。
技术分享
 
强制转换:
技术分享
 1 <!DOCTYPE html>
 2 <htmllang="en">
 3 <head>
 4 <metacharset="UTF-8"/>
 5 <title>Document</title>
 6 </head>
 7 <body>
 8 </body>
 9 <scripttype="text/javascript">
10 // 不符合json转换格式的字符串
11 var string ="{‘age‘:28,‘sex‘:‘boy‘}";
12 // 用json的强制转换方法来转换这个字符串(new Function("return"+str)());
13 var json =(newFunction("return"+string))();
14 console.log(json.sex);
15 var li = document.createElement("li");
16 li.innerText="name:"+json.sex +",age:"+ json.age;
17 document.body.appendChild(li);
18 </script>
19 </html>
View Code

 

效果:
技术分享
 
转换json数据的方法:
json就是对象(object),对象就是json;
技术分享
 1 <!DOCTYPE html>
 2 <htmllang="en">
 3 <head>
 4 <metacharset="UTF-8"/>
 5 <title>转换json数据</title>
 6 </head>
 7 <body>
 8 </body>
 9 <scripttype="text/javascript"src="jquery-3.1.1.min.js"></script>
10 <scripttype="text/javascript">
11 // 也是利用强制转换
12 data ="{root:[{name:‘1‘,value:‘0‘},{name:‘11‘,value:‘110‘},{name:‘1123‘,value:‘广东‘},{name:‘1124‘,value:‘附件‘}]}";
13 console.log(data);
14 var json =(newFunction("return"+data))();
15 console.log(json.root);
16 $.each(json.root,function(i,v){
17 console.log(v);
18 var h = v;
19 for(key in h){
20 console.log(h[key]);
21 var $span = $("<span></span><br/>");
22 $span.text(h[key]);
23 $("body").append($span);
24 }
25 });
26 </script>
27 </html>
View Code

 

效果:
技术分享技术分享
 



 

转换json和字符串的一些方法

标签:lang   utf-8   微软   tty   png   key   其他   doc   java   

原文地址:http://www.cnblogs.com/ChenChunChang/p/6615977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!