Cara Menggunakan ajaxStop () Pada Jquery

joesep 2018-07-15 128

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();
});

 

Artikel Menarik Lainnya:

Rekomendasi Artikel

Aplikasi yang digunakan Untuk membuat Aplikasi dengan PHPPenulisan PHP pada Elemen FormCara Penulisan Script PHP Di BodyMenggunakan Komentar [Penulisan PHP]Penulisan PHP Menggunakan Semi Kolon

Terbaru dari Jquery

close