ajax不执行success回调而是执行了error回调

180 阅读 0 评论 119 点赞

我是靠谱客的博主淡定画笔，最近开发中收集的这篇文章主要介绍ajax不执行success回调而是执行了error回调，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

附上代码如下：
JScript code:

复制代码代码如下:

 
$.ajax({ 
type: "post", 
url: "jsp/loginManager.jsp", 
data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'), 
dataType: "text", 
success: function(data) { 
alert(data); 
} 
}); 

点击登陆，成功连接数据库并且查询到了值（在loginManager.jsp页面有用System.out.print()打印过查询到的值）。但success里的东西不执行。用过断点，当执行完dataType后，success直接跳出，里面的alert()不执行，这是为什么呢？
改了下代码，如下：
JScript code:

复制代码代码如下:

 
$.ajax({ 
type: "post", 
url: "jsp/loginManager.jsp", 
async: true, 
data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'), 
dataType: "text", 
success: function(data) { 
alert(data); 
}, 
error: function(e) { 
alert(e); 
} 
}); 

但是还是一样，没反应，只是把登陆页面刷新了！！！
针对上面只是把登录页面刷新了的问题，是a链接里有点小问题，原来我是a链接里面有href,开始，href=”",所以刷新了页面，刷新页面前进入了action，所以也获得了提交数据，但是还没来得及返回，就刷新了。改成href=”#”就ok了！正如：
<a href='#' onclick= ‘delMenuContent(cellvalue)>
还有一个原因是因为我用的是异步提交，没等验证成功的时候已经执行了按钮的提交事件，所以页面已经刷新，将其改成同步提交，按钮的提交事件必须等ajax验证结束后判断是否进行提交就可以解决这个问题了！

最近在看jQuery的API文档，在使用到jQuery的ajax时，如果指定了dataType为json，老是不执行success回调，而是执行了error回调函数，极度郁闷。后面改为1.2.6版本可以执行。

　　然后继续下载了几个jquery版本，如1.3.2，1.4.0的，指定dataType为json都不能执行success回调，只有小于1.3版本的才能执行success回调。

　　最后去jquery的网站找到了在线的api文档看了下，地址：http://api.jquery.com/jQuery.ajax/ ，发现dataType如下的说明
　　"json": Evaluates the response as JSON and returns a JavaScript object. In jQuery 1.4 the JSON data is parsed in a strict manner; any malformed JSON is rejected and a parse error is thrown. (See json.org for more information on proper JSON formatting.)

　　原来是jquery1.4版本以后对json格式要求非常严格了，要满足json.org网站定义的格式才能执行success回调，否则都会出错，无法解析返回的json数据。说的是1.4+以上的，那为什么下载的1.3.2指定dataType为json时也不能执行success回调呢？

　　怪不得不执行，原来我返回的是{success:true,id:1} 这种不规则的字符串，不是严格的json格式，改成{"success":true,"id":"1"} 就可以正常执行success回调了。
　　
　　JSON格式总结下，详细的去json.org 查看。
　　1）键名称：用双引号括起
　　2）字符串：用使用双引号括起
　　3）数字，布尔类型不需要使用双引号括起