Làm thế nào tôi có thể kiểm tra nếu một cuộc gọi .load ajax đã nạp

Question

Xét đoạn mã sau:

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

Tôi có một trang của hình ảnh, và sẽ cháy này khi người dùng cuộn xuống trang để tải thêm hình ảnh như họ cuộn xuống. Hy vọng là để hiển thị "Đang tải .." cho đến khi hình ảnh đã xuất hiện, sau đó ẩn nó một lần nữa, chạy mã trên sẽ hiển thị sau đó ẩn văn bản quá nhanh bạn không thể nhìn thấy nó, là có một cách để kiểm tra thời tiết. đã kết thúc?

Answer 1

Cung cấp cho tải một cuộc gọi lại và thực hiện bất cứ điều gì bạn muốn.

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

Thông tin thêm - http://api.jquery.com/load/

Answer 2

Bạn có thể sử dụng một hàm callback:

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

Trong tài liệu bạn có thể kiểm tra các thông số phải mất:

.210

.load (url [, dữ liệu] [, hoàn chỉnh])

• url Loại: String Một chuỗi chứa URL mà yêu cầu được gửi.

• kiểu dữ liệu: PlainObject hoặc chuỗi Một đối tượng hoặc chuỗi đơn giản được gửi tới máy chủ cùng với yêu cầu. hoàn thành Loại:

• Chức năng (String responseText, String textStatus, jqXHR jqXHR) Chức năng gọi lại được thực hiện khi yêu cầu hoàn tất.

Tài liệu tham khảo

.load()