jquery ajax请求成功,返回了数据,但是不进success的问题

原创
2012/09/14 10:28
阅读数 9.1W

      这几天一直被 ajax请求成功,返回了数据,但是不进success的问题困扰着,怎么弄就是解决不了,总以为是:$(document).ready(function(){});没起作用,一直找页面加载的方法来试,整了好几天没整出来....今天比较幸运,在网上找到了一篇关于这方面问题的文章,按上面的方法一试,果然ok了,哈哈哈,真是太高兴了....终于解决这个问题了。

这个问题的原因(来自http://www.myexception.cn/ajax/413061.html的拷贝内容):

--------------------------拷贝内容 start ----------------------------------------------------

“   1.状态码返回200--表明服务器正常响应了客户端的请求;
      2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据,并且是符合业务逻辑的数据。
           但是,程序就是不进入到回调函数success: function(data){****}而是进入到error: function(data){***}
    记得上次是因为存在跨域访问的问题导致。这次查看不存在跨域的问题。此时就很是不解。
          事情的来源是这样的: 后台的配置管理模块中有一块是关于国际化的配置,增加国际化描述等等,查询国际化描述。
         问题的来源是在输入key='a' 查询前十条数据时发现可以正常的展现数据,但是当我输入key值为z时,并且再查询前20条数据是发现数据不能展现,但是server返回了数据库中的数据。这时第一反应是事不时数据返回的有问题,粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现,显示不出来。这时候就开始怀疑了数据问题,进而到数据库中查找第十四条数据没有发现什么特别的地方。
     这时开始怀疑,难道是JS程序有处理数据兼容性有问题,觉得甚是不可思议。整了大约半小时,越来越觉得不大可能。就放弃了这种想法。
     有转向,重新审视数据。 但是发现数据从中间换行了,没太在意。 在纠结了一会儿后问一同事,指出数据可能多了一个"回车键",在其指点下到数据库表中再次查看该条数据发现有一个字段的值多了一个"回车键"。删除后,一切恢复正常。
     思考第一次和第二次碰到的问题,我初步认识到:
    1. 返回的数据类型一定要符合定义的数据类型。即如果你定义的 dataType 是 json 类型的,那么返回来的数据一定是 json 才可以,平且不然就会执行 error 里的程序块儿。
   (1) 同时需要特别的注意返回的JSON数据是否是严格的JSON格式.
   (2) 也应该严重关切当后台返回的是一个List 数据(List当中的数据是Json格式)时,有没脏数据即不是严格的JSON格式。
    很隐蔽的可能是数据某一个字段中在开始或末尾含有特殊字符,以"回车键"、"Tab键"等
    这类隐蔽错误的规避措施就是好的编程习惯:
a. 对于在页面填写入库的数据最好强制性的做,去空操作<利用客户端最好>。
b. 特殊的业务需注意特殊字符。
   这样还不够,因为在开发过程中测试或开发人员自己在数据库中手动添加数据,可能会多加了空格等,导致程序调试,测试带来了麻烦。 这时就需要考虑在后台代码对获取的数据做处理。
      2. 原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: [/b]document.domain,或者采用Jsonp的方式,如我的前一篇blog中提到的。
还有一点对JQuery 中Ajax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,<正确拿到服务器响应的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前,可能会校验一些东西:
      1. 返回的每条数据是否是dataType中定义的数据类型。如果有部分数据不是或者哪怕一条数据没有严格的按照dataType定义的类型,程序就会进入到error:function(){****}
      2. 请求的域和当前域是否是同一域,如果不是同一域也十分有可能进入error:function(){***}   ” 

 ---------------------------end --------------------------------------------------------------------------

        通过看了这段内容后,我再对照我的ajax 看了一遍,发现我少配了一个属性(dataType属性)因为我数据类型返回的是json类型,而我这边没有配dataType:'json',这一属性,所以导致出现了此问题。不过, 困扰我这么久的问题终于解决了,下次得万分小心才是,该配置的东西还是得配置,不能偷懒。

展开阅读全文
打赏
4
8 收藏
分享
加载中
这个说明的比较详细。

Jquery $.ajax请求详解及ajax全局变量分析 - 项目实战 - IT工作生活这点事。Just Such So!

http://www.suchso.com/projecteactual/jquery-ajax-global-variable-send-start-complete-error-success.html
2014/03/12 14:15
回复
举报
这个说明的比较详细。

Jquery $.ajax请求详解及ajax全局变量分析 - 项目实战 - IT工作生活这点事。Just Such So!

http://www.suchso.com/projecteactual/jquery-ajax-global-variable-send-start-complete-error-success.html
2014/03/12 14:14
回复
举报
很可能是返回的json数据有问题,你把dataType改为html或者xml立马就好了

2013/05/27 15:11
回复
举报
更多评论
打赏
3 评论
8 收藏
4
分享
返回顶部
顶部