日期:2014-05-16  浏览次数:20263 次

Jquery ajax方法解析返回的json数据
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。

经过网友指出,这个问题已经有了比较明确的结论,那就是jquery ajax方法的complete方法是不会处理dataType的,所以如果你是在complete里面试图直接用json数据是不可行的,必须先通过eval。

以下是我原来的文章,大家仅作个参考,已经没有太大价值了。

$.ajax方法如下:

	  $.ajax({ 
			type: "POST",
			url:  ctxRoot+'FolderAction!saveInformSetting.action',
			data: 'jsonStr=' + inform_settingListStr,
			dataType: "json",
			complete: function(data){
       //在这里做些事情,假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data['name']去访问
       //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
			}
	  }); 



ok, 问题已经在代码的注释里面说明了,下面说下造成这两种不同的原因。

先说明第一种情况:

    我发现能够直接 data.属性名访问的情况,服务器端代码一定是直接renturn的一个常量字符串。
    什么是常量字符串呢,有些人可能不太清楚,常量字符串就是指直接用“”组成的字符串,没有定义String 变量直接把一串“”print到前台的情况,就可以直接data.属性名访问,而且jquery端只要写success就可以拿到。

下面是造成要eval并且不能进入success的原因:

     这种情况是因为服务器端向外print的时候是一个String对象,通常此类问题在我的代码里是因为后台json比较复杂,在组织的时候我用到了StringBuffer,然后最后print的时候print的是StringBuffer对象的toString,所以就相当于print了一个String对象

     这种情况下jquery的ajax方法就不会进入success方法,只能用complete接收,并且想要解析data里的json数据的话,必须对data.responseText进行eval


    除此两点,还有需要注意的是,如果你使用的是jq1.4,那么他对json的格式有着更严格的要求,所有的key和属性都要用双引号标注起来,虽然key不用双引号原生的js是允许的,但是jq1.4似乎有这个要求。

    以上就是我个人对于这一问题的一些想法和体会,如果有片面或者不正确的地方,欢迎大家评论指正,谢谢。
1 楼 02221021 2010-07-27  
是complete没有处理dataType吧
2 楼 mgh2008 2010-07-27  
我使用donet在处理服务器响应时,success方法没有这个问题,不过key和value都要用双引扩起来
3 楼 布衣九久 2010-07-27  
02221021 写道
是complete没有处理dataType吧


恩,经你一说的确是这样,就算是常量字符串,如果是complete也是不能直接用的,谢谢
4 楼 kjj 2010-07-27  
管理员眼睛看不见吗,这个烦人的广告
5 楼 zhangchen 2010-07-27  
kjj 写道
管理员眼睛看不见吗,这个烦人的广告


确实很烦人,打广告不要太过分了,适可而止。
6 楼 zhangchen 2010-07-27  
布衣九久 写道
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。

经过网友指出,这个问题已经有了比较明确的结论,那就是jquery ajax方法的complete方法是不会处理dataType的,所以如果你是在complete里面试图直接用json数据是不可行的,必须先通过eval。



我以前也碰到这样的问题,解决的办法是这样的:返回的数据不是一个JSON串,而是一个JS语句。
例如:
var result={'name':'value'}
7 楼 sunliao_first 2010-07-28  
太多广告了
8 楼 zqding 2010-07-28  
写的不错,学习了。
9 楼 lobbychmd 2010-07-28  
貌似 <head> 里面可以指明 contentType 是 json ,就不用 eval
10 楼 181054867 2010-07-28  

$.get
$.post
$.getJson
也是ajax请求