Hot Articles


Cara Menggunakan ajaxStart (handler) Pada ajax jquery

Joeshep 2018-07-13 40

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

 

Menggunakan Komentar [Penulisan PHP]Cara Menggunakan Variabel [PHP] Ini Dia Cara Mengenali Dan Mengatasi Katarak Pada Bayi Dan AnakCara Menggunakan Google AMP pada Website WordPressIni Dia Cara Mengatasi Pilek Pada Bayi Secara Alami

Untuk berlangganan artikel silahkan masukan email anda


Delivered by FeedBurner


Masukan email Anda untuk mendapatkan artikel terbaru.


close