jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
今天在寫一個檢查用戶名的功能時，使用的是jQuery.post( url, [data], [callback], [type] )這個函數(shù)，但是發(fā)現(xiàn)其中的回調(diào)函數(shù)不能執(zhí)行。
先來看看我的代碼：
前臺代碼：
<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);
}
但是怎么也不執(zhí)行回調(diào)函數(shù)中的alert(data)語句，經(jīng)過單步跟蹤，最后發(fā)現(xiàn)是返回的Json字符串有問題。
原來jquery中規(guī)定返回的JSON字符串的KEY要用引號括起來，如{"result": 1}這樣才可以。
下面再看下jquery Ajax 不執(zhí)行回調(diào)函數(shù)success的原因
jquery Ajax 不執(zhí)行回調(diào)函數(shù)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");
}
});
如上，因為設(shè)置了屬性dataType:"json",故如果后臺返回的不是正確的JSON字符串，那么永遠不執(zhí)行回調(diào)函數(shù)success,而只執(zhí)行error函數(shù)。要么返回正確的JSON字符串，要么把dataType屬性改為text
正確的返回JSON字符串如下：
pw.write("{\"name\":\"zs\"}");
pw.write("{\"name\":"+true+"}");
錯誤的例子：
pw.write("{‘name':‘zs'}");
以上所述是小編給大家介紹的jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法，希望對大家有所幫助,如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- Jquery版本導(dǎo)致Ajax不執(zhí)行success回調(diào)函數(shù)
- jquery ajax的success回調(diào)函數(shù)中實現(xiàn)按鈕置灰倒計時
- jQuery Tips 為AJAX回調(diào)函數(shù)傳遞額外參數(shù)的方法
- jQuery AJAX回調(diào)函數(shù)this指向問題
- jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
- 使用jQuery中的when實現(xiàn)多個AJAX請求對應(yīng)單個回調(diào)的例子分享
- jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
- Jquery中ajax方法data參數(shù)的用法小結(jié)
- 淺析jQuery Ajax請求參數(shù)和返回數(shù)據(jù)的處理
- jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
相關(guān)文章
深入理解jquery的$.extend()、$.fn和$.fn.extend()
下面小編就為大家?guī)硪黄钊肜斫鈐query的$.extend()、$.fn和$.fn.extend()。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
jQuery+CSS3折疊卡片式下拉列表框?qū)崿F(xiàn)效果
這是一款使用jQuery和CSS3制作的效果非常炫酷的折疊卡片式下拉列表框特效，感興趣的小伙伴們可以參考一下2015-11-11
jquery實現(xiàn)輸入框動態(tài)增減的實例代碼
主要功能是動態(tài)增減輸入框，而且支持對各個輸入框的檢測，每個輸入框在輸入內(nèi)容后，對其進行錯誤提示2013-07-07
這篇文章主要為大家詳細介紹了jQuery初級教程之網(wǎng)站品牌列表效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
jquery是一種廣泛使用的javascript庫,獲取a標簽上的href值是一個常見的需求,要獲取a標簽上的href值,只需使用選擇器選擇a元素,并使用attr()方法來獲取href屬性值,以下是一些使用jQuery獲取a標簽上的href值的示例代碼,需要的朋友可以參考下2024-05-05
基于jquery-resizable創(chuàng)建可調(diào)整大小的表(table)格
本文介紹如何基于jquery-resizable實現(xiàn)可調(diào)整表格(table)列寬的代碼,需要的朋友可以參考下2023-06-06
本文分享了利用jQuery實現(xiàn)的查看全文功能：文本內(nèi)容少于四行，不顯示查看全文；超過五行時才顯示出來并有此功能；很實用，下面就跟小編一起來看看吧2016-12-12
jquery插件ajaxupload實現(xiàn)文件上傳操作
這篇文章主要為大家詳細介紹了jquery插件ajaxupload實現(xiàn)文件上傳操作，感興趣的小伙伴們可以參考一下2015-12-12
jquery tools 系列 scrollable學(xué)習(xí)
今天繼續(xù)jquery tools六大功能之第三功能 scrollable的學(xué)習(xí)。一如既往，首先給出操作的html代碼 此html代碼修改自jquery tools官方網(wǎng)站demo代碼2009-09-09
使用jquery給input和textarea設(shè)定ie中的focus
在瀏覽網(wǎng)站的過程中，我們經(jīng)?？梢钥匆姰?dāng)鼠標點擊后樣式改變的文本框和文本域,那么這種效果是如何實現(xiàn)的呢?2008-05-05