Làm thế nào tôi có thể phát hiện 'bất kỳ' yêu cầu ajax nào được hoàn thành bằng cách sử dụng jQuery?

Question

Tôi có một trang nơi tôi có thể chèn một số javascript/jquery để thao tác đầu ra. Tôi không có bất kỳ kiểm soát nào khác đối với đánh dấu trang, v.v.

Tôi cần thêm phần tử phụ qua jquery sau mỗi lần hiển thị trên trang. Vấn đề là các phần tử được tạo ra thông qua một cuộc gọi không đồng bộ trên trang hiện tại xảy ra sau $ (tài liệu) .ready đã hoàn tất.

Về cơ bản, tôi cần một cách gọi jquery của tôi sau khi trang đã tải và các cuộc gọi ajax tiếp theo đã hoàn tất. Có cách nào để phát hiện sự hoàn thành của bất kỳ cuộc gọi ajax trên trang và sau đó gọi chức năng tùy chỉnh của riêng tôi để chèn các yếu tố bổ sung sau khi s mới được tạo ra?

Answer 1

Thật không may này không áp dụng vì nó có vẻ OP không sử dụng$.ajax()hoặc bất kỳ phương pháp ajax jQuery cho thực sự tải nội dung, nhưng để lại nó ở đây trong trường hợp tương lai googler của đang làm điều này.

---

Bạn có thể sử dụng any of the global ajax events that meet your needs here, có lẽ bạn đang sau $.ajaxComplete() hoặc $.ajaxSuccess().

Ví dụ:

$(document).ajaxSuccess(function() { 
    alert("An individual AJAX call has completed successfully"); 
}); 
//or... 
$(document).ajaxComplete(function() { 
    alert("ALL current AJAX calls have completed"); 
}); 

Nếu bạn muốn chạy chỉ là một số chức năng chung sau đó đính kèm chúng vào tài liệu (chúng tôi chỉ sự kiện bên dưới). Nếu bạn muốn hiển thị một cái gì đó cụ thể, ví dụ như một phương thức hoặc tin nhắn, bạn có thể sử dụng chúng một chút neater (mặc dù điều này không có vẻ là những gì bạn đang sau), như thế này:

$("#myModal").ajaxComplete(function() { 
    $(this).fadeIn().delay(1000).fadeOut(); 
}); 

Answer 2

tôi có thể hiểu, bạn đang sử dụng một số chức năng Ajax của jQuery trong trình xử lý sẵn sàng của bạn. Vì vậy, bạn chỉ có thể vượt qua nó một hàm khác, sẽ được gọi sau khi hàm Ajax của bạn nhận được phản hồi. Ví dụ:

$(document).ready(function(){ 
    $("#some_div").load('/some_url/', function(){ 
     /* Your code goes here */ 
    }); 
}); 

Answer 3

Bạn có thể sử dụng .live()/.delegate().

Answer 4

Ví dụ này chỉ cho thấy và ẩn các yếu tố vào lúc bắt đầu và kết thúc của ajax cuộc gọi sử dụng jQuery:

$("#contentLoading").ajaxSend(function(r, s) { 
     $(this).show(); 
     $("#ready").hide(); 
    }); 

    $("#contentLoading").ajaxStop(function(r, s) { 
     $(this).hide(); 
     $("#ready").show(); 
    }); 

#contentLoading là một chỉ báo gif tiến bộ hình ảnh.

Answer 5

Bạn có thể viết lại hàm send() của đối tượng XMLHttpRequest.

Xem giải pháp để thực hiện việc đó bằng Javascript thuần túy here.