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常用简单动画操作方法回顾与总结

    这篇文章主要介绍了JQuery常用简单动画操作方法,回顾与总结了jQuery常用的各种动画效果操作方法及相关使用技巧,需要的朋友可以参考下
    2019-12-12
  • JQuery EasyUI的一些常用组件

    JQuery EasyUI的一些常用组件

    jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点。本文给大家介绍JQuery EasyUI的一些常用组件,感兴趣的的朋友一起学习吧
    2017-07-07
  • 使用jQuery和ajax代替iframe的方法(详解)

    使用jQuery和ajax代替iframe的方法(详解)

    下面小编就为大家带来一篇使用jQuery和ajax代替iframe的方法(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • jquery 插件实现瀑布流图片展示实例

    jquery 插件实现瀑布流图片展示实例

    本文给大家分享的是使用jQuery的masonry库和infinitescroll库实现的瀑布流美女图片展示的实例,效果非常不错,这里推荐给大家,有需要的小火把可以参考下。
    2015-04-04
  • JQuery入门——移除绑定事件unbind方法概述及应用

    JQuery入门——移除绑定事件unbind方法概述及应用

    在DOM对象的实践操作中,存在用于绑定事件的bind方法,也会有相应的移除绑定事件unbind方法,接下来将介绍unbind方法的使用,感兴趣的朋友可以不要错过了啊,或许本文对你有所帮助
    2013-02-02
  • jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】

    jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件FusionCharts绘制的3D双柱状图效果,涉及jQuery使用插件FusionCharts结合xml数据绘制的3D双柱状图的相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • jQuery选择器用法实例详解

    jQuery选择器用法实例详解

    这篇文章主要介绍了jQuery选择器用法,结合实例分析了jQuery选择器的具体使用技巧与注意事项,需要的朋友可以参考下
    2015-12-12
  • jQuery版AJAX简易封装代码

    jQuery版AJAX简易封装代码

    这篇文章主要为大家详细介绍了jQuery版AJAX简易封装代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JS 遍历 json 和 JQuery 遍历json操作完整示例

    JS 遍历 json 和 JQuery 遍历json操作完整示例

    这篇文章主要介绍了JS 遍历 json 和 JQuery 遍历json操作,结合完整实例形式详细分析了JavaScript与jQuery遍历json格式数据的简单实现技巧,需要的朋友可以参考下
    2019-11-11
  • 关于jQuery库冲突的完美解决办法

    关于jQuery库冲突的完美解决办法

    在使用jQuery开发的时候,可能还会使用到其他的JS库,比如Prototype,但多库共存时可能会发生冲突,下面这篇文章主要给大家介绍了关于jQuery库冲突的完美解决办法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-05-05

最新评论