DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中ajax使用error調試錯誤的方法教程
jquery中ajax使用error調試錯誤的方法教程
編輯:JQuery特效代碼     

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

JQuery使我們在開發Ajax應用程序的時候提高了效率,減少了許多兼容性問題,我們在Ajax項目中,遇到ajax異步獲取數據出錯怎麼辦,我們可以通過捕捉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; // 調用本次AJAX請求時傳遞的options參數
   }
 });
  });
});

當通過ajax異步調用成功時,會調用 success函數 。success函數語法為:

 //請求成功後回調函數。這個方法有兩個參數:服務器返回數據,返回狀態
 function (data, textStatus)
 {
  // data could be xmlDoc, jsonObj, html, text, etc...   
  this;
 // the options for this ajax request
 }

當通過ajax異步調用出錯時,會調用 error函數 。error函數語法為:

//(默 認: 自動判斷 (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');

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved