快捷導航

jquery中ajax使用error調(diào)試錯誤的方法

更新時間：2015年02月08日 11:21:33 作者：whazhl

這篇文章主要介紹了jquery中ajax使用error調(diào)試錯誤的方法,實例分析了Ajax的使用方法與error函數(shù)調(diào)試錯誤的技巧,需要的朋友可以參考下

本文實例講述了jquery中ajax使用error調(diào)試錯誤的方法。分享給大家供大家參考。具體分析如下：

JQuery使我們在開發(fā)Ajax應(yīng)用程序的時候提高了效率，減少了許多兼容性問題，我們在Ajax項目中，遇到ajax異步獲取數(shù)據(jù)出錯怎么辦，我們可以通過捕捉error事件來獲取出錯的信息。

jquery中ajax的常用用法類似于：

$(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; // 調(diào)用本次AJAX請求時傳遞的options參數(shù)
   }
 });
  });
});

當通過ajax異步調(diào)用成功時，會調(diào)用 success函數(shù) 。success函數(shù)語法為：

 //請求成功后回調(diào)函數(shù)。這個方法有兩個參數(shù)：服務(wù)器返回數(shù)據(jù)，返回狀態(tài)
 function (data, textStatus)
 {
  // data could be xmlDoc, jsonObj, html, text, etc...   
  this;
 // the options for this ajax request
 }

當通過ajax異步調(diào)用出錯時，會調(diào)用 error函數(shù) 。error函數(shù)語法為：

//(默 認: 自動判斷 (xml 或 html)) 請求失敗時調(diào)用時間。
//參數(shù)有以下三個：XMLHttpRequest 對象、錯誤信息、（可選）捕獲的錯誤對象。
//如果發(fā)生了錯誤，錯誤信息（第二個參數(shù)）除了得到null之外，
//還可能是"timeout", "error", "notmodified" 和 "parsererror"。
 
//textStatus: "timeout", "error", "notmodified" 和 "parsererror"。

error：function (XMLHttpRequest, textStatus, errorThrown) 
{ 
 
}

error事件返回的第一個參數(shù)XMLHttpRequest：
XMLHttpRequest.readyState: 狀態(tài)碼的意思
0 －（未初始化）還沒有調(diào)用send()方法
1 －（載入）已調(diào)用send()方法，正在發(fā)送請求
2 －（載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容
3 －（交互）正在解析響應(yīng)內(nèi)容
4 －（完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

發(fā)送error可能有下面兩張引起的，或者其他程序問題，需要我們認真仔細。
1、data:"{}", data為空也一定要傳"{}"；不然返回的是xml格式的。并提示parsererror.
2、parsererror的異常和Header 類型也有關(guān)系。及編碼header('Content-type: text/html; charset=utf8');

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章: