Wed Dec 2019 2 years ago

Cara Menggunakan ajaxStop () Pada Jquery

Setiap kali permintaan Ajax selesai, jQuery memeriksa apakah ada permintaan Ajax yang luar biasa lainnya. Jika tidak ada yang tersisa, jQuery akan memicu ajaxStopacara. Setiap dan semua penangan yang telah terdaftar dengan .ajaxStop()metode ini dieksekusi saat ini. The ajaxStopevent juga dipicu jika permintaan Ajax luar biasa lalu dibatalkan dengan kembali palsu dalam beforeSendfungsi callback.

Untuk mengamati metode ini dalam aksi, atur permintaan beban Ajax dasar:

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

Lampirkan pengendali event ke dokumen:

 $( document ).ajaxStop(function() {
  $( ".log" ).text( "Triggered ajaxStop handler." );
});

Sekarang, buat permintaan Ajax menggunakan metode jQuery apa pun:

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

Ketika pengguna mengklik elemen dengan kelas triggerdan permintaan Ajax selesai, pesan log ditampilkan.

Catatan tambahan:

  • Pada jQuery 1.9, semua penangan untuk acara Ajax global jQuery , termasuk yang ditambahkan dengan .ajaxStop()metode, harus dilampirkan document.
  • Jika $.ajax()atau $.ajaxSetup()dipanggil dengan globalopsi disetel ke false.ajaxStop()metode tidak akan diaktifkan.

Contoh:

Sembunyikan pesan pemuatan setelah semua permintaan Ajax berhenti.

$( document ).ajaxStop(function() {
  $( "#loading" ).hide();
});