ajax返回json处理

Posted 2020-08-20 zjl000

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：
1.一种为使用eval()函数。
2. 使用Function对象来进行返回解析。

 

（一）以jquery异步获取的数据类型——json对象和字符串为依据，介绍两种方式获取到的结果处理方式

1.对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。

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

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

原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。 加上圆括号的目的是迫使eval函数在处理javascript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

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

 

2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法：

$.getJSON("http://www.phpzixue.cn/",{param:"gaoyusi"},function(data){
　　//此处返回的data已经是json对象
　　//以下其他操作同第一种情况
　　$.each(data.root,function(idx,item){
　　　　if(idx==0){
　　　　　　return true;//同countinue，返回false同break
　　　　}
　　　　alert("name:"+item.name+",value:"+item.value);
　　});
});

 

（二）解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析
var json=‘{"name":"CJ","age":18}‘;
data =(new Function("","return "+json))();

此时的data会解析成一个 json对象了.