js jquery前台解析json字符串

一、js解析json字符串

eval()和JSON.parse()

对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：

var dataObj=eval("("+data+")");//转换为json对象

为什么eval这里要添加 "("+data+")"呢？

原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}")); // undefined
alert(eval("({})"));//  [object Object]

[js]  view plain  copy

1. var data="{root:[{name:'1',value:'0'},{name:'6101',value:'北京市'},{name:'6102',value:'天津市'}]}";  
2. alert (typeof data);  
3. var obj = eval("("+data+")");  
4. alert(obj.root[1].value);//北京市  
5.   
6. var data1='{"root":[{"name":"1","value":"0"},{"name":"6101","value":"北京市"},{"name":"6102","value":"天津市"}]}';  
7. var obj1 = JSON.parse(data1);  
8. alert(obj1.root[2].value);//天津市  
9.   
10.   
11.   
12. alert(eval("{}")); // undefined  
13. alert(eval("({})"));//[object Object]  

JSON.parse()  json字符串的格式要求非常严格，属性名称必须是用双引号“”括起来，并且不能用单引号。

二、jquery解析json字符串

设置dataType为json就行,$.get()可以这样写$.get(url, [data], [callback], "json")

或者

$.parseJSON(字符串)也能返回对象

[js]  view plain  copy

1.   <script src="js/jquery-2.1.1.min.js"></script>  
2.     
3.   var obj2= $.parseJSON(data1);  
4.     alert(obj2.root[1].name);  

$.parseJSON和JSON.parse一样json字符串的非常严格

本文出自 “点滴积累” 博客，请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1731564

只是想转载以后自己能随时看，没有其他意图，还望谅解