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]
vardata="{root:[{name:'1',value:'0'},{name:'6101',value:'北京市'},{name:'6102',value:'天津市'}]}";alert(typeofdata);varobj=eval("("+data+")");alert(obj.root[1].value);//北京市vardata1='{"root":[{"name":"1","value":"0"},{"name":"6101","value":"北京市"},{"name":"6102","value":"天津市"}]}';varobj1=JSON.parse(data1);alert(obj1.root[2].value);//天津市alert(eval("{}"));//undefinedalert(eval("({})"));//[objectObject]
JSON.parse() json字符串的格式要求非常严格,属性名称必须是用双引号“”括起来,并且不能用单引号。
二、jquery解析json字符串
设置dataType为json就行,$.get()可以这样写$.get(url,[data],[callback],"json")
或者
$.parseJSON(字符串)也能返回对象
<scriptsrc="js/jquery-2.1.1.min.js"></script>varobj2=$.parseJSON(data1);alert(obj2.root[1].name);
$.parseJSON和JSON.parse一样json字符串的非常严格
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。