`
布衣九久
  • 浏览: 53768 次
  • 性别: Icon_minigender_1
  • 来自: 江苏 无锡
社区版块
存档分类
最新评论

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似乎有这个要求。

    以上就是我个人对于这一问题的一些想法和体会,如果有片面或者不正确的地方,欢迎大家评论指正,谢谢。
分享到:
评论
21 楼 jyan1992 2013-03-02  
火狐的EVAL方法不兼容怎么处理?
20 楼 yinger_fei 2010-10-18  
我对json不熟,但是通过后台response.getWriter().write("{'message':'0'}");返回给前台接送类型的数据,只是前台接收的时候,var json = eval('('+ response.responseText+')');
if(json['message'] == "1"),有时候会报错,说语法错误。额。。不知道该怎么解决了?
19 楼 adaikiss 2010-07-30  
我一般是服务端总是print一个JSON对象,如果返回的是信息而不是数据就在返回对象里加一个"isMsg":"true",然后页面上$.ajax的success方法就能知道服务端的调用情况了,if(json.isMs){....}else{.....},如果请求超时什么的就在$.ajax的error里处理了.
18 楼 lsl916201 2010-07-29  
不错,最近正在温习JQuery,貌似因为书写不规范引起的杯具也是时有碰到
17 楼 布衣九久 2010-07-29  
elementstorm 写道
为什么要用complete处理?
正常应该是用success吧
complete是无论你请求成功与否都会触发的
如果请求失败没有数据返回
那你怎么办?


对的正常应该是用success,但是我在做的时候,有时候会发生就是进不去success的情况,所以就用了complete。
造成进不了success的原因可能是我的json字符串组织的不太规范或者说是StringBuffer toString造成的,具体原因还没时间去深究
16 楼 elementstorm 2010-07-29  
为什么要用complete处理?
正常应该是用success吧
complete是无论你请求成功与否都会触发的
如果请求失败没有数据返回
那你怎么办?
15 楼 hymanyung 2010-07-29  
路过学习下
14 楼 ywgoal 2010-07-28  
一个JSON格式的字符串如果response写到客户端是可以直接用点进行导航的,如果你是将该字符串作为action的成员变量,让json来封装,肯定就不行了啊,就必须要用eval了~~~
13 楼 布衣九久 2010-07-28  
xiaoyu 写道
不是有一个 $.parseJSON(data); 的方法吗?


哦,我不知道有这个方法,所以用了eval,谢谢指出~
12 楼 catastiger 2010-07-28  
success 也可以的
11 楼 xiaoyu 2010-07-28  
不是有一个 $.parseJSON(data); 的方法吗?
10 楼 181054867 2010-07-28  

$.get
$.post
$.getJson
也是ajax请求,而且简单易用,直接把返回的json处理了,哈哈,比$.ajax方便很多
9 楼 lobbychmd 2010-07-28  
貌似 <head> 里面可以指明 contentType 是 json ,就不用 eval
8 楼 zqding 2010-07-28  
写的不错,学习了。
7 楼 sunliao_first 2010-07-28  
太多广告了
6 楼 zhangchen 2010-07-27  
布衣九久 写道
最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行。

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



我以前也碰到这样的问题,解决的办法是这样的:返回的数据不是一个JSON串,而是一个JS语句。
例如:
var result={'name':'value'}
5 楼 zhangchen 2010-07-27  
kjj 写道
管理员眼睛看不见吗,这个烦人的广告


确实很烦人,打广告不要太过分了,适可而止。
4 楼 kjj 2010-07-27  
管理员眼睛看不见吗,这个烦人的广告
3 楼 布衣九久 2010-07-27  
02221021 写道
是complete没有处理dataType吧


恩,经你一说的确是这样,就算是常量字符串,如果是complete也是不能直接用的,谢谢
2 楼 mgh2008 2010-07-27  
我使用donet在处理服务器响应时,success方法没有这个问题,不过key和value都要用双引扩起来

相关推荐

    jQuery_Ajax_Json全解析

    jQuery_Ajax_Json全解析等相关文档集合

    jQuery使用ajax方法解析返回的json数据功能示例

    本文实例讲述了jQuery使用ajax方法解析返回的json数据功能。分享给大家供大家参考,具体如下: 最近在用jQuery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,...

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    &lt;input type=text name=dishes value= class=seek_product placeholder=请输入菜名/&gt; &lt;button type='button' class=btn_nor onclick=seek_product()&gt;搜索&lt;/button&gt;...th width=70%

    jquery+ajax上传解析文件

    jquery+ajax+json 上传文件并解析 jquery+ajax+json 上传文件并解析

    jquery与java交互通过json传递数据的经典实例

    jquery与java交互通过json传递数据的经典实例,必备,不可多得

    Struts+Jquery+Ajax+Json应用实例

    Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面

    JS解析后台返回的JSON格式数据实例

    ajax中若没有定义dataType : “json”,需要eval&#40;“(“+data+”&#41;...以上这篇JS解析后台返回的JSON格式数据实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    jquery解析json格式数据的方法(对象、字符串)

    一、jQuery解析Json数据格式: 使用这种方法,你必须在Ajax请求中设置参数: dataType: “json” 获取通过回调函数返回的数据并解析得到我们想要的值,看源码: jQuery.ajax({ url: full_url, dataType: json, ...

    ajax获取嵌套JSON,树形控件显示

    本demo的目的是将多层json数据(一级分类嵌套着二级) 解析成单层,然后将键改为符合插件需要的值,不然没法显示 代码测试真实有效,就是请求的地址大家需要改一下,因为那是我的局域网地址

    jQuery解析返回的xml和json方法详解

    本文实例讲述了jQuery解析返回的xml和json方法。分享给大家供大家参考,具体如下: 一、jQuery 解析ajax请求返回的xml格式的数据 1、发送ajax请求 [removed] function jqxml(){ $.ajax({ url:...

    Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法

    下面说一下,最近在使用jquery 1.4中使用$.ajax()方法解析json对象遇到的问题。 Json对象是: 代码如下: [{name:’二手房出售’,infoCount:0,pageUrl:’/ershoufang’},{name:’二手房求购’,infoCount:0,pageUrl:’...

    jQuery基于ajax操作json数据简单示例

    本文实例讲述了jQuery基于ajax操作json数据的方法。分享给大家供大家参考,具体如下: jQuery Ajax 实例演示 jQuery Ajax 的三种格式,在与后台进行数据交互的时候可以是json格式也可以是xml格式,本人建议将数据...

    jQuery ajax json 数据的遍历代码

    先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据。...对上面的json数据类在jquery 的success 函数中解析 JavaScript代码 $.ajax({ type: POST, url: xxx.do, dataType : json, // 指定返

    兼容ie8,9,10能够正确返回json结果的ajaxfileupload.js

    struts2+jquery+ajaxfileupload 需要正确配置struts2文件struts-xml文件中需要配置extends="json-default"。如果返回json结果需要在前台js中解析json数据,要用jquery的jQuery.parseJSON(json)。

    jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

    JSON(JavaScript Object ...本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并能熟练运用。 XHTML &lt;li&gt;&lt;a&gt;张三&lt;/a&gt;&lt;/li&gt; &lt;li

    j2ee 框架 struts2 jquery ajax json 示范演示

    基于 MVC 结构的 J2EE 应用服务器框架 —— apache ...客户端 jQuery ajax 提交表单至 struts2 的 action,action 调用 model,model 生成json返回至 action,再由 action 返回 json 至客户端,并由 jQuery 解析。

    jquery-ajax实例

    这是一个学习jquery-ajax的实例,实例中应用到了bean -json的转化, 页面上应用到了jqury如何解析返回的json数据。

    struts2 Ajax json Jquery demo

    使用JQuery传递数据到struts action ,并返回JSON对象数据,在JQuery回调函数解析数据的,Ajax异步处理的小测试

Global site tag (gtag.js) - Google Analytics