全局ajax事件


 

必須當頁面上存在任何ajax請求的時候都將觸發這些特定的全局ajax處理函數。

如果在jQuery.ajaxSetup()中的global屬性設置成true,那么這些全局函數將會在每一個ajax上面都觸發,這正是默認值。

注意:

1.全局事件永遠不會再跨域的腳本中運行,也不會再JSONP請求中運行。

2.在jQuery1.9以上,所有的全局ajax函數必須綁定掃到document上,也就是$(document).事件

 3.只有在$.ajax()亦或$.ajaxSetup()中的globle設置成true才能使用ajax全局函數,false將不能使用。

 

針對每一個請求(per request) 

$.ajaxComplete()

例子:

HTML代碼:

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>

jquery代碼:

$( document ).ajaxComplete(function() {
    $( ".log" ).text( "Triggered ajaxComplete handler." );
});
$( ".trigger" ).click(function() {
  $( ".result" ).load( "ajax/test.html" );
});

當用戶點擊class=trigger的元素的時候,加載html文件,請求完成之后class=log元素上顯示信息。

 

無論什么Ajax請求完成,都將觸發ajaxComplete事件,所以,你可以如下進行判斷

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxComplete handler. The result is " +
      xhr.responseText );
  }
});

語法形式

$(document).ajaxComplete(function(event,xhr,options))
Parameter Description
function(event,xhr,options) 必須,指定當請求完成之后執行的函數
Additional parameters:
  • event - 事件對象event
  • xhr - XMLHttpRequest對象
  • options - 在AJAX request中使用的參數

 所以上面進行指定ajax判斷的時候使用的setting,也就是ajax request傳遞的對象,其中含有url屬性,如果傳遞的url和需要判斷的指定的url一樣,則進行處理。

$.ajaxError()

$(document).ajaxError(function(event,xhr,options,exc))
Parameter Description
function(event,xhr,options,exc) 必須,指定請求失敗后運行的函數
Additional parameters:
  • event - 事件對象event
  • xhr - XMLHttpRequest對象
  • options - 在ajax 請求時使用過得參數
  • exc - 錯誤對象

當ajaxError事件被觸發的時候,不管ajax請求是否完成。

每次執行ajaxerror事件的時候,傳遞了event對象,jqXHR對象(jQuery1.5之前是XHR對象),和用於請求的settings對象。

當HTTP error發生,第四個參數(thownError)接受了HTTP的狀態的文本部分,例如“Not Found”亦或“Internal Server Error”

to restrict the error callback to only handling events dealing with a particular URL:

ajaxSend()  

send()發送的時候發觸發

ajaxSuccess()是請求成功時觸發,注意和ajaxComplete不同的是,ajaxComplete是不管請求失敗還是成功,只要完成了就執行。

 

針對一批請求

 

ajaxStart(),ajaxStop()

是針對文本中所有的ajax請求的,當第一個ajax請求發送時觸發ajaxStart()事件,當最后一個ajax請求完成時,觸發ajaxStop()事件,不同的是,ajaxSend()和ajaxComplete是針對文本中每一次的ajax請求的。

所以如果你在文本中一次使用了3個請求,ajaxStart()會在第一個請求發起時觸發,ajaxStop()會在最后一個請求結束時觸發,所以它們常常組合用於顯示loading等待框等。因為他們處理的是一群ajax請求,所以它們的回調函數中沒有任何參數

.ajaxStart( handler() )
.ajaxStop( handler() )

 

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM