Bagaimana untuk Memaparkan Penunjuk Pemuatan Semasa Permintaan AJAX Asynchronous?

Memaparkan Penunjuk Pemuatan Semasa Permintaan Asynchronous

Untuk menunjukkan kemajuan permintaan tak segerak, imej pemuatan boleh dipaparkan. Semasa permintaan sedang dilaksanakan, imej akan kekal kelihatan dan hilang apabila selesai.

Menggunakan Kaedah Menyembunyikan/Menunjukkan Pra-Permintaan dan Selepas Permintaan

Secara mudah pendekatan adalah untuk mengawal keterlihatan imej secara manual:

$('#loading-image').show();

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

Menggunakan Global Ajax Acara

Sebagai alternatif, anda boleh menggunakan acara Ajax global untuk mengendalikan keterlihatan imej:

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

Kaedah ini memastikan imej pemuatan dipaparkan secara seragam untuk semua permintaan tak segerak.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Penunjuk Pemuatan Semasa Permintaan AJAX Asynchronous?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!