jquery ajax 調用失敗的原因示例介紹

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

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

下面是一個完事的函數(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(); 
} 
}); 
} 

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

1.格式錯誤.這是比較簡單的,比較常見的是多了一個逗號之類:如{"success":true,"list":[{},{},]}(最后多一個逗號)正常不會有這個,容易出錯的時候是你用for語句時后面最后沒處理那個逗號.

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

由于 jquery調試的時候會忽略錯誤,所以有時候會很抓狂.一個簡單的方法是寫error語句,加alert,錯誤會被捕捉到.

您可能感興趣的文章: