高效Web开发的10个jQuery代码片段
411
2024-02-24
今天在写一个检查用户名的功能时,使用的是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 回调函数不执行问题的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对绿夏网网站的支持!
#免责声明#
本站[绿夏技术导航]提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序或内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件[admin@lxwl520.com]与我们联系进行删除处理。敬请谅解!