我怎样才能检测到“任何”？使用 jQuery 完成 ajax 请求？

Question

我有一个页面，可以在其中插入一些 javascript / jquery 来操作输出。我对页面标记等没有任何其他控制。

我需要在页面上的每个元素之后通过 jquery 添加一个额外的元素。问题是元素是通过 $(document).ready 完成后发生的现有页面上的异步调用生成的。

本质上，我需要一种在页面加载并且后续 ajax 调用完成后调用 jquery 的方法。有没有办法检测页面上任何 ajax 调用的完成情况，然后调用我自己的自定义函数在新创建的 s 之后插入附加元素？

Answer 1

不幸的是，这并不适用，因为OP似乎没有使用 $.ajax() 或任何用于实际加载内容的 jQuery ajax 方法，但将其保留在此处，以防将来的 googler 这样做。

---

您可以使用 任何满足您需求的全局ajax事件，您可能是在 $.ajaxComplete() 或 $.ajaxSuccess()。

例如：

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

如果您只想运行一些通用函数，则将它们附加到文档（它们只是下面的事件）。如果您想显示特定的内容，例如模式或消息，您可以使用它们更简洁一些（尽管这似乎不是您想要的），如下所示：

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

Answer 2

此示例仅使用 jQuery 在 ajax 调用开始和结束时显示和隐藏元素：

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

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

#contentLoading 是一个 gif 图像进度指示器。

Answer 3

您可以重写 XMLHttpRequest 对象的 send() 函数。

此处查看使用纯 Javascript 实现此目的的解决方案。

Answer 4

据我所知，您正在准备好的处理程序中使用一些 jQuery 的 Ajax 函数。因此，您可以将另一个函数传递给它，该函数将在您的 Ajax 函数获得响应后被调用。例如

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

Answer 5

您可以使用 .live()/.delegate()。