JQUERY 或 JS 有没有办法检测窗口加载的时间？基本上有任何网络活动吗？

Question

有没有一种方法可以使用 JQUERY 或 Javascript 来检测浏览器窗口何时加载某些内容、进行 ajax 调用、加载图像等...基本上任何网络活动？

Answer 1

类似 jQuery 的东西（放在 HEAD 中）应该可以工作。

var loading = true;

$(window).load(function () {
   loading = false;
}).ajaxStart(function () {
   loading = true;
}).ajaxComplete(function () {
   loading = false;
});

阅读 ajaxStart 了解更多详细信息。

Answer 2

我下面的答案和之前用户的答案只是尝试检查浏览器当前是否正在发出 XmlHttpRequest （即 ajaxy）请求。
您询问是否可以判断浏览器是否正在发出任何网络请求（即下载图像/css 或者可能是长时间运行的“comet”请求）。我不知道有任何 javascript API 可以告诉你这一点 - 它们可能存在，但我怀疑如果它们存在，那么它们将是特定于浏览器的[如果有人知道这个问题的答案，请参与]。显然，像 Firebug 和 dynaTrace 这样的工具可以检测网络活动，但我认为这些工具比 JavaScript 代码更深入地“挂钩”到浏览器。

话虽如此，如果您想计算 jQuery 生成的 XHR，那么 dave1010 的答案似乎是一个不错的答案。

但是我认为它很容易出现一些竞争条件问题： -

根据文档（http://api.jquery .com/ajaxStart/）

每当即将发送 Ajax 请求时，jQuery 都会检查是否还有其他未完成的 Ajax 请求。如果没有任何进展，jQuery 将触发 ajaxStart 事件。此时将执行已使用 .ajaxStart() 方法注册的所有处理程序。

因此，如果启动了一个长时间运行的 XHR，并且在第一个 XHR 完成之前启动了另一个 XHR，则 ajaxStart 处理程序只会被调用一次。第二个 XHR 可以在第一个 XHR 之前完成并设置 loading = false，即使第一个请求仍在进行中。

查看 jQuery 1.4 源代码似乎证实了这一点。有趣的是，jQuery 1.4 有一个活动 XHR (jQuery.active) 的计数，但是文档中没有提到这一点，因此最好不要使用它（这很遗憾，因为它会让生活变得更轻松一些）。

请参阅 http://gist.github.com/277432#LID5052 查看代码在调用 ajaxStart 处理程序之前，请注意 $.active 为 0。

[我认为]“ajaxSend”全局事件处理程序在每个 XHR 之前调用。优先使用它而不是“ajaxStart”应该会有所帮助，但我们仍然需要保留活动请求的计数，而不是简单的“加载”标志。

也许像下面这样的东西会起作用？

var activeXhrCount = 0;
$(document).ajaxSend(function() {activeXhrCount++;}).ajaxComplete(function(){activeXhrCount--;});

请注意，如果任何代码在全局选项设置为 false 的情况下调用 $.ajax，这将给出错误的答案，因此很难防弹；

另请记住，activeXhrCount 仅计算由 jQuery 生成的 XHR - 您可能使用的其他库中的 XHR 将不会被计算在内。

Answer 3

我认为你必须自己思考，
我之前做了类似的事情[就像当gmail显示加载上面时]

这个想法是关于创建一个数组然后添加/删除它并继续检查它以了解是否有一个打开的连接

代码应该如下所示

var liveAjax = [];

//making ajax call
liveAjax[liveAjax.length] = true;
$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    liveAjax[liveAjax.length] = false;
    or delete liveAjax[liveAjax.length]
  }
});


then checking the alive calls by
setInterval(function(){
//looping in liveAjax  and check if there any true value, then there is ajax call elese nothing happens
},200);