Wie zeige ich einen Ladeindikator bei asynchronen AJAX-Anfragen an?

Ladeanzeige bei asynchronen Anfragen anzeigen

Um den Fortschritt asynchroner Anfragen anzuzeigen, kann ein Ladebild angezeigt werden. Während die Anfrage ausgeführt wird, bleibt das Bild sichtbar und verschwindet nach Abschluss.

Verwendung der Methode zum Ausblenden/Anzeigen vor und nach der Anfrage

Ein einfacher Weg Der Ansatz besteht darin, die Sichtbarkeit des Bildes manuell zu steuern:

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

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

Verwendung von Global Ajax Ereignisse

Alternativ können Sie globale Ajax-Ereignisse verwenden, um die Sichtbarkeit des Bildes zu verwalten:

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

Diese Methode stellt sicher, dass das Ladebild für alle asynchronen Anfragen einheitlich angezeigt wird.

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