Cara Menggunakan ajaxStart (handler) Pada ajax jquery

joesep 2018-07-13 136

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

 

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 Ajax

close