Wie kann ich bei jQuery-AJAX-Anfragen einen Ladeindikator anzeigen?

Ladeanzeige während $.ajax-Anfragen anzeigen

Frage:

Wie kann ich während einer asynchronen Ausführung eine visuelle Anzeige anzeigen? HTTP-Anfrage wird mit gestellt $.ajax?

Antwort:

Um anzuzeigen, dass eine asynchrone Anfrage verarbeitet wird, können Sie das Laden von Bildern verwenden. Hier sind zwei Methoden dafür:

Methode 1: Inline-Anzeigesteuerung

Ladebild vor der Anfrage anzeigen und nach Abschluss der Anfrage ausblenden:

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

Methode 2: Globale Ereignisbindung

Binden Sie die Ladebildanzeige zu globalen ajaxStart- und ajaxStop-Ereignissen. Dieser Ansatz schaltet das Bild für alle Ajax-Anfragen um:

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

Das obige ist der detaillierte Inhalt vonWie kann ich bei jQuery-AJAX-Anfragen einen Ladeindikator anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!