jquery中ajax使用error除錯錯誤的方法
阿新 • • 發佈：2019-01-08
JQuery使我們在開發Ajax應用程式的時候提高了效率，減少了許多相容性問題，我們在Ajax專案中，遇到ajax非同步獲取資料出錯怎麼辦，我們可以通過捕捉error事件來獲取出錯的資訊。
jquery中ajax的常用用法類似於：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
$(document).ready(
function
() {
jQuery(
"#clearCac"
).click(
function
() {
jQuery.ajax({
url: url,
type:
"post"
,
data: { id:
'0'
},
dataType:
"json"
,
success:
function
(msg) {
alert(msg);
},
error:
function
(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
},
complete:
function
(XMLHttpRequest, textStatus) {
this
;
// 呼叫本次AJAX請求時傳遞的options引數
}
});
});
});
|
當通過ajax非同步呼叫成功時，會呼叫 success函式 。success函式語法為：
?| 1 2 3 4 5 6 7 |
//請求成功後回撥函式。這個方法有兩個引數：伺服器返回資料，返回狀態
function
(data, textStatus)
{
// data could be xmlDoc, jsonObj, html, text, etc...
this
;
// the options for this ajax request
}
|
當通過ajax非同步調用出錯時，會呼叫 error函式 。error函式語法為：
?| 1 2 3 4 5 6 7 8 9 10 11 |
//(默 認: 自動判斷 (xml 或 html)) 請求失敗時呼叫時間。
//引數有以下三個：XMLHttpRequest 物件、錯誤資訊、（可選）捕獲的錯誤物件。
//如果發生了錯誤，錯誤資訊（第二個引數）除了得到null之外，
//還可能是"timeout", "error", "notmodified" 和 "parsererror"。
//textStatus: "timeout", "error", "notmodified" 和 "parsererror"。
error：
function
(XMLHttpRequest, textStatus, errorThrown)
{
}
|
error事件返回的第一個引數XMLHttpRequest：
XMLHttpRequest.readyState: 狀態碼的意思
0 － （未初始化）還沒有呼叫send()方法
1 － （載入）已呼叫send()方法，正在傳送請求
2 － （載入完成）send()方法執行完成，已經接收到全部響應內容
3 － （互動）正在解析響應內容
4 － （完成）響應內容解析完成，可以在客戶端呼叫了
傳送error可能有下面兩張引起的，或者其他程式問題，需要我們認真仔細。
1、data:"{}", data為空也一定要傳"{}"；不然返回的是xml格式的。並提示parsererror.
2、parsererror的異常和Header 型別也有關係。及編碼header('Content-type: text/html; charset=utf8');