Wie beende ich meine ajax-loader.gif?

Question

Ich benutze OpenCart, und ich habe eine Reihe von AJAX-Aufrufe, die für den Benutzer ausgeblendet sind und ein wenig Zeit zum Laden benötigen. Ich möchte ein Ajax-Loader Gif anzeigen, aber ich bin ein Neuling und weiß nicht, wie man den Code schreibt. Die AJAX-Aufrufe beginnen, wenn sie auf eine Checkout-Schaltfläche klicken und zur Checkout-Seite weitergeleitet werden. Die ajax-loader.gif befindet sich auf der Checkout-Seite und würde enden, wenn AJAX ausgeführt wird und die entsprechenden Informationen ein Div auf der Seite auffüllen.

Ich weiß wirklich fast nichts über AJAX. Bitte fordern Sie mich für weitere Details auf, wenn Sie sie brauchen.

Mein Versuch, Anzeigen/Ausblenden der Hintergrundbild des div:

<script language="Javascript" type="text/javascript"> 
    $('#confirm.checkout-heading').css("background-image", "url('../image/ajax-loader.gif')"); 
    $.ajax({ 
    url: 'opencart/index.php?route=checkout/checkout', 
    success: function(data) {}, 
    failure: function(){}, 
    complete: function(){ $('#confirm.checkout-heading').css("background-image", "none"); } 
    }); 
</script> 

CSS:

#confirm .checkout-heading { 
    background: #fff url('../image/ajax-loader.gif') 98% 50% no-repeat; 
} 

Answer 1

wenn Sie jQuery verwenden, ist es Ihnen dann könnte entweder mit Erfolg, Fehler oder jeden Fall zu beenden.

.

$('#loader').show(); 
$.ajax({ 
    url: 'backend.php', 
    success: function(data) {}, 
    failure: function(){}, 
    complete: function(){ $('#loader').hide(); } 
});