jquery ajax ajaxSuccess 執行個體與詳細說明

來源:互聯網
上載者:User

.ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) )
returns:

jquery description:

ajaxsuccess( handler(event, xmlhttprequest, ajaxoptions) )

handler(event, xmlhttprequest, ajaxoptions)the function to be invoked.
每當一個ajax請求成功完成,觸發ajaxsuccess jquery的事件。任何及所有已使用。ajaxsuccess()方法註冊的處理常式是執行在這個時候。

為了遵守這一行動的方法,我們可以建立一個基本的ajax負荷要求:

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

我們可以將我們的事件處理常式中的任何元素:

$('.log').ajaxsuccess(function() {
  $(this).text('triggered ajaxsuccess handler.');
});

現在,我們可以使用任何一個ajax請求jquery的方法

$('.trigger').click(function() {
  $('.result').load('ajax/test.html');
});

使用者點擊按鈕和ajax請求成功完成,日誌顯示訊息。

註:。由於ajaxsuccess()被實現為一個jquery對象的執行個體方法,我們可以使用this關鍵字,因為我們在這裡做的是指在回呼函數來選定的元素。

所有ajaxsuccess處理常式被調用時,無論什麼ajax請求已經完成。如果一定要區分的要求,我們可以使用傳遞給處理常式的參數。每次一ajaxsuccess處理常式執行時,它是通過事件對象,xmlhttprequest對象和設定對象是在建立中使用的要求。例如,我們可以限制只處理我們的回調事件的處理特定網址:


$('.log').ajaxsuccess(function(e, xhr, settings) {
  if (settings.url == 'ajax/test.html') {
    $(this).text('triggered ajaxsuccess handler.');
  }
});


例如:
顯示一個訊息,當一個ajax請求成功完成。


$("#msg").ajaxsuccess(function(evt, request, settings){
      $(this).append("<li>successful request!</li>");
      }); 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.