Wie kann ich überprüfen, ob ein Ajax .load Anruf

Question

Betrachten Sie den folgenden Code geladen ist:

var loadingHTML = $("<div style='width:100%;'> <h1>Loading...</h1></div>"); 
loadingHTML.hide(); 
$(".row").append(loadingHTML); 
loadingHTML.fadeIn('slow'); 
$(".row").append($("<div>").load("get-more-images.php?start=36&end=36")); 
// loadingHTML.hide(); 

Ich habe diese eine Seite der Bilder und wird ausgelöst, wenn auf der Seite scrollt der Benutzer weitere Bilder zu laden, wie sie scrollen nach unten. Die Hoffnung ist, "Loading .." anzuzeigen, bis das Bild erschienen ist, und es dann wieder auszublenden. Wenn der obige Code angezeigt wird, wird der Text so schnell ausgeblendet, dass Sie ihn nicht sehen können. Gibt es eine Möglichkeit zu überprüfen, ob das .load-Ereignis vorliegt fertig?

Answer 1

Geben Sie der Last einen Rückruf und führen Sie aus, was Sie wollen.

$(".row").append($("<div>").load("get-more-images.php?start=36&end=36", function() { 
    console.log('load complete'); 
})); 

Mehr info - http://api.jquery.com/load/

Answer 2

Sie eine Callback-Funktion verwenden können:

var loadingHTML = $("<div style='width:100%;'> <h1>Loading...</h1></div>"); 
 
loadingHTML.hide(); 
 
$(".row").append(loadingHTML); 
 
loadingHTML.fadeIn('slow'); 
 
$(".row").append($("<div>").load("get-more-images.php?start=36&end=36"), function() { 
 
    console.log("images load"); 
 
});

In docs Sie Parameter überprüfen können es in sich:

.load (url [Daten] [komplett])

• url Typ: String Eine Zeichenfolge, die die URL enthält, gesendet an die die Anfrage.

• Datentyp: PlainObject oder String Ein einfaches Objekt oder eine Zeichenfolge, die mit der Anforderung an den Server gesendet wird. Vollständig Typ:

• Funktion (Zeichenfolge responseText, String textStatus, jqXHR jqXHR) Eine Rückruffunktion, die ausgeführt wird, wenn die Anforderung abgeschlossen ist.

Referenzen

.load()