Hot Articles


Cara Menggunakan ajaxSuccess () Pada Jquery

Joeshep 2018-07-15 45

Setiap kali permintaan Ajax selesai dengan sukses, jQuery memicu ajaxSuccessacara. Setiap dan semua penangan yang telah terdaftar dengan .ajaxSuccess()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).ajaxSuccess(function() {
  $( ".log" ).text( "Triggered ajaxSuccess handler." );
});

Sekarang, buat permintaan Ajax menggunakan metode jQuery apa pun:

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

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

Semua ajaxSuccesspenangan dipanggil, terlepas dari apa permintaan Ajax diselesaikan. Jika Anda harus membedakan antara permintaan, Anda dapat menggunakan parameter yang diteruskan ke handler. Setiap kali ajaxSuccesshandler dieksekusi, ia melewati objek event, XMLHttpRequestobjek, dan objek pengaturan yang digunakan dalam pembuatan permintaan. Misalnya, Anda dapat membatasi callback untuk hanya menangani acara yang berhubungan dengan URL tertentu:

$( document ).ajaxSuccess(function( event, xhr, settings ) {
  if ( settings.url == "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxSuccess handler. The Ajax response was: " +
      xhr.responseText );
  }
});

Catatan: Anda bisa mendapatkan konten Ajax yang dikembalikan dengan melihat xhr.responseXMLatau xhr.responseTextuntuk xml dan html masing-masing.

Catatan tambahan:

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

Contoh:

Tampilkan pesan saat permintaan Ajax selesai dengan sukses.

$( document ).ajaxSuccess(function( event, request, settings ) {
  $( "#msg" ).append( "<li>Successful Request!</li>" );
});

Cara Penulisan Script PHP Di BodyPengunaan Operator Array Pada PHPContoh Menggunakan Kontrol KesalahanCara Menggunakan Variabel [PHP] Cara Membuat Session di PHP

Untuk berlangganan artikel silahkan masukan email anda


Delivered by FeedBurner


Masukan email Anda untuk mendapatkan artikel terbaru.


close