如何檢查ajax .load調用是否已加載

Question

請考慮以下代碼：

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();

我有一頁圖像，當用戶向下滾動頁面以在向下滾動時加載更多圖像時，將觸發此圖像。 希望顯示“正在加載...”，直到圖像出現，然后再次隱藏它，運行上面的代碼將顯示然后隱藏文本這么快你看不到它，有沒有辦法檢查.load事件有沒有完了嗎？

Answer 1

為負載提供回調並執行您想要的任何操作。

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

更多信息 - http://api.jquery.com/load/

Answer 2

您可以使用回調函數：

 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"); }); 

在文檔中，您可以檢查它所需的參數：

.load（url [，data] [，complete] ）

• url類型：String包含發送請求的URL的字符串。

• data類型：PlainObject或String隨請求一起發送到服務器的普通對象或字符串。 完整類型：

• Function（String responseText，String textStatus，jqXHR jqXHR）請求完成時執行的回調函數。

參考

。加載（）