首页 > 编程 > JavaScript > 正文

jQuery Ajax Post 回调函数不执行问题的解决方法

2019-11-20 09:14:42
字体:
来源:转载
供稿:网友

今天在写一个检查用户名的功能时,使用的是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 回调函数不执行问题的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表