Bagaimanakah Saya Boleh Menunjukkan Penunjuk Pemuatan Semasa Permintaan AJAX jQuery?

Menunjukkan Petunjuk Pemuatan Semasa Permintaan $.ajax

Soalan:

Bagaimana saya boleh memaparkan penunjuk visual semasa tidak segerak Permintaan HTTP sedang dibuat menggunakan $.ajax?

Jawapan:

Untuk menunjukkan bahawa permintaan tak segerak sedang diproses, anda boleh menggunakan memuatkan imej. Berikut ialah dua kaedah untuk berbuat demikian:

Kaedah 1: Kawalan Paparan Sebaris

Tunjukkan imej yang dimuatkan sebelum permintaan dan sembunyikannya selepas permintaan selesai:

$('#loading-image').show();
$.ajax({
  url: uri,
  cache: false,
  success: function(html){
    $('.info').append(html);
  },
  complete: function(){
    $('#loading-image').hide();
  }
});

Kaedah 2: Pengikatan Peristiwa Global

Ikat paparan imej pemuatan kepada acara ajaxStart dan ajaxStop global. Pendekatan ini akan menogol imej untuk semua permintaan ajax:

$('#loading-image').bind('ajaxStart', function(){
  $(this).show();
}).bind('ajaxStop', function(){
  $(this).hide();
});

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan Penunjuk Pemuatan Semasa Permintaan AJAX jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!