jQuery學習之Ajax操作過程處理

這是一篇關於jQuery學習之Ajax操作過程處理的文章，下面我們就與大家一起分享。

對於 jQuery 通過 Ajax 方式傳遞數據時，我們還可以在過程中進行一定的處理，以便達到我們的需求。

觀察函數

ajaxStart 和 ajaxStop 函數可以用來作為觀察函數，我們可以使用觀察函數的回調函數來做相應的處理。

當 Ajax 請求開始且尚未進行其他傳輸時，會觸發 ajaxStart 的回調函數。

當最後一次活動請求終止時，則會執行通過 ajaxStop 注冊的回調函數。

由於觀察函數具備全局性，所以需要使用 $(document) 來調用。我們通過使用 Ajax 方法取得一個圖片的例子來測試兩個函數:

同目錄下的 test.html 內容為：

點擊按鈕後希望載入圖像：

$('button').click(function() {

$('div').load('test.html');

});

此時我們可以使用 ajaxStart 和 ajaxStop 函數來增加提示：

$(document).ajaxStart(function() {//

alert('load a picture');

}).ajaxStop(function() {

alert('show a picture');

});

$('button').click(function() {

$('div').load('test.html');

});

此時點擊按鈕後，再圖像載入前先提示 load a picture，載入後提示 show a picture。

錯誤處理

最常用的方式是全局的 ajaxError 方法，以上例為例，如果我們像一個不存在的頁面發送數據請求：

$(document).ajaxError(function() {//

alert('load failed!');

});

$('button').click(function() {

$('div').load('noexsited.html');

});

此時點擊按鈕後：對於非 load 方法，還可以使用 fail 方法來連綴處理：

$('button').click(function() {

$.get('noexsited.html',

以上就是我們為大家准備的jQuery學習之Ajax操作過程處理的文章的相關內容，希望對大家可以有所幫助。