Jquery

Contoh Cara Menggunakan ajaxSend () Jquery


Ajax

Setiap kali permintaan Ajax akan dikirim, jQuery akan memicu ajaxSendacara. Setiap dan semua penangan yang telah terdaftar dengan .ajaxSend()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>

Setiap kali permintaan Ajax akan dikirim, jQuery akan memicu ajaxSendacara. Setiap dan semua penangan yang telah terdaftar dengan .ajaxSend()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 event ke dokumen:

$( document ).ajaxSend(function() {
  $( ".log" ).text( "Triggered ajaxSend 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 akan segera dimulai, pesan log ditampilkan.

Semua ajaxSendpenangan dipanggil, terlepas dari permintaan Ajax apa yang akan dikirim. Jika Anda harus membedakan antara permintaan, gunakan parameter yang diteruskan ke handler. Setiap kali ajaxSendhandler dieksekusi, ia melewati objek event, jqXHRobjek (dalam versi 1.4, XMLHttpRequestobjek), dan objek pengaturan yang digunakan dalam pembuatan permintaan Ajax. Misalnya, Anda dapat membatasi callback untuk hanya menangani acara yang berhubungan dengan URL tertentu:

$( document ).ajaxSend(function( event, jqxhr, settings ) {
  if ( settings.url == "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxSend handler." );
  }
});

 

Catatan tambahan:

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

Contoh:

Tampilkan pesan sebelum permintaan Ajax dikirim.

$( document ).ajaxSend(function( event, request, settings ) {
  $( "#msg" ).append( "<li>Starting request at " + settings.url + "</li>" );
});


Rekomendasi Artikel

Baca yang ini juga:

Get our newsletter