Ajax

Cara Menggunakan ajaxStart (handler) Pada ajax jquery


Setiap kali permintaan Ajax akan dikirim, jQuery memeriksa apakah ada permintaan Ajax lain yang luar biasa. Jika tidak ada yang diproses, jQuery akan memicu ajaxStartacara. Setiap dan semua penangan yang telah terdaftar dengan .ajaxStart()metode ini dieksekusi saat ini.

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 acara ke elemen apa pun:

$( document ).ajaxStart(function() {
  $( ".log" ).text( "Triggered ajaxStart 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 dikirim, pesan log ditampilkan.

Catatan tambahan:

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

Contoh:

Tampilkan pesan pemuatan kapan saja permintaan Ajax dimulai (dan tidak ada yang sudah aktif).

$( document ).ajaxStart(function() {
  $( "#loading" ).show();
});

 


Rekomendasi Artikel

Baca yang ini juga:

Get our newsletter