快捷導(dǎo)航

jquery ajax 調(diào)用失敗的原因示例介紹

更新時(shí)間：2013年09月27日 17:27:34 作者：

jquery 在使用ajax過(guò)程中出現(xiàn)調(diào)用失敗的情況，想必大家都有遇到過(guò)吧，在本文有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助

下面是一個(gè)完事的函數(shù):

 
function ReLoadPromotion() { 
var A = parseFloat($("#pNormalTotal").html()) + parseFloat($("#pBarginTotal").html()); 
jQuery.ajax( 
{ 
url: "/ajax/OrderRedemption.aspx?vf=getlist", 
type: "POST", 
dataType: "json", 
data:{amount:A}, 
success: function (json) { 
$("#fittingProductList tr.tableItem").remove(); 
var data = json.list; 
$.each(data, function (i, n) { 
var id = n.pid; 
var row = "<tr id=\"trPromotin" + id + "\" class=\"tableItem\">"; 
row += "<td><input id=\"cbPromotionItem" + id + "\" type=\"checkbox\" value=\"" + n.pid + "\" name=\"promotionProduct\" title=\"" + n.price + "\" onclick=\"CalculateOrder()\" /></td>"; 
row += "<td><label for=\"cbPromotionItem" + id + "\">" + n.pname + "</label></td>"; 
row += "<td>滿" + n.amount + "</td>"; 
row += "<td>" + n.price + "</td>"; 
row += "</tr>"; 
$("#fittingProductList").append(row); 
}); 
$("#promotionArea").slideDown(); 
CalculateOrder(); 
}, 
error: function (xml) { 

//alert(arguments[1]); 
var json = eval("(" + xml.responseText + ")"); 
$("#promotionArea").slideUp(); 
} 
}); 
} 

很多的時(shí)候你調(diào)試時(shí)會(huì)發(fā)現(xiàn)直接跳到error,然后直接就跳過(guò)去了.success段沒有被執(zhí)行.其實(shí)這里所有的語(yǔ)句都沒有問(wèn)題,問(wèn)題的關(guān)鍵在于返回值.如果返回值出錯(cuò),他就不會(huì)執(zhí)行success段.返回值出錯(cuò)有幾種情況:

1.格式錯(cuò)誤.這是比較簡(jiǎn)單的,比較常見的是多了一個(gè)逗號(hào)之類:如{"success":true,"list":[{},{},]}(最后多一個(gè)逗號(hào))正常不會(huì)有這個(gè),容易出錯(cuò)的時(shí)候是你用for語(yǔ)句時(shí)后面最后沒處理那個(gè)逗號(hào).

2.類型錯(cuò)誤:這種錯(cuò)誤最難找,如果沒把握就用字符是最好的.比如:"success":true是可以的,"code":0,也可以.如果是"code":a123,就有問(wèn)題,會(huì)出現(xiàn)轉(zhuǎn)換錯(cuò)誤.要這樣才對(duì):"code":"a123"

由于 jquery調(diào)試的時(shí)候會(huì)忽略錯(cuò)誤,所以有時(shí)候會(huì)很抓狂.一個(gè)簡(jiǎn)單的方法是寫error語(yǔ)句,加alert,錯(cuò)誤會(huì)被捕捉到.

您可能感興趣的文章: