jQuery Ajax Post 回调函数不执行问题的解决方法
更新时间：2016年08月15日 09:51:11 作者：xxfigo
本文是小编给大家带来的jQuery Ajax Post 回调函数不执行的原因及解决方法，在本文最下面还给大家附加jquery Ajax 不执行回调函数success的原因，这两个问题都非常多见，感兴趣的朋友一起看下吧
今天在写一个检查用户名的功能时，使用的是jQuery.post( url, [data], [callback], [type] )这个函数，但是发现其中的回调函数不能执行。
先来看看我的代码：
前台代码：
<script type="text/javascript">
function checkUser() {
var user = $('#<%=txtUser.ClientID %>').val();
$.post('checkUser.ashx', { Action: "Check", Name: user },
function (data) {
alert(data);
},
"json");
}
</script>
后台代码(checkUser.ashx)：
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "application/json";
string action = context.Request["Action"];
string user = context.Request["Name"];
string result = "{result: 0}";
switch (action)
{
case "Check":
if (us.isExists(user))
{
result = "{result: 1}";
}
break;
}
context.Response.Write(result);
}
但是怎么也不执行回调函数中的alert(data)语句，经过单步跟踪，最后发现是返回的Json字符串有问题。
原来jquery中规定返回的JSON字符串的KEY要用引号括起来，如{"result": 1}这样才可以。
下面再看下jquery Ajax 不执行回调函数success的原因
jquery Ajax 不执行回调函数success的原因：
$.ajax({
type: "post",
contentType: "application/json",
url: basePath+"pages/Tongji/disposeAgree.action?cepingitem="+cepingitem+"&userrelation="+userrelation,
//data: {fenshu:8},
dataType: "json",
success: function (result) {
alert("操作成功");
},
error:function(response){
alert("error");
}
});
如上，因为设置了属性dataType:"json",故如果后台返回的不是正确的JSON字符串，那么永远不执行回调函数success,而只执行error函数。要么返回正确的JSON字符串，要么把dataType属性改为text
正确的返回JSON字符串如下：
pw.write("{\"name\":\"zs\"}");
pw.write("{\"name\":"+true+"}");
错误的例子：
pw.write("{‘name':‘zs'}");
以上所述是小编给大家介绍的jQuery Ajax Post 回调函数不执行问题的解决方法，希望对大家有所帮助,如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
一款优秀的jQuery插件,要做到通用、灵活度高、可配置、兼容性好、易用性高、耦合度低...想要做到这些,嘿嘿,那么就来看今天所介绍的jQuery插件制作的实例教程.2016-05-05
伸缩的导航有不少优点的，可以在有限的空间里容下很多的内容，下面有个不错的示例用到JQuery，感兴趣的朋友可以参考下2013-11-11
本文给大家介绍的是一款重点突出的jQuery特效插件效果，使用jFade实现鼠标经过的图片高亮其它变暗，非常实用，推荐给小伙伴们参考下。2015-03-03
这篇文章主要介绍了jquery简单图片切换显示效果实现方法,可以实现简单的图片切换功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）
锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）2010-03-03
这篇文章主要介绍了使用jQuery制作基础的Web图片轮播效果的实例,鼠标悬停时可停止而离开时可自动轮播,文中还介绍了一种使用zslider插件来实现的方法,比较犀利,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jQuery里prev()的简单操作代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-10-10
在ajax交互中，我们从服务器端返回的数据类型有xml,html,script,json,jsonp,text，本文以json为例，讲述了在前台如何利用jquery遍历json的两种数据结构2011-01-01
这篇文章主要介绍了在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)的相关资料,需要的朋友可以参考下2016-01-01
这篇文章介绍了jQuery操作元素节点的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
最新评论