当前位置：文江博客话题详情

如何检查浏览器中是否打开了 HTTP 请求？

发布于 2025-01-05 12:16:03 字数 374 浏览 1 评论 0原文

有没有一种简单的方法可以检测 XMLHttpRequest 在浏览器窗口中是否处于活动状态？或者说有多少是活跃的？ IE。有没有办法检测我的浏览器窗口中是否有任何 AJAX 调用处于活动状态？

问题扩展：使用 javascript 有没有办法查看是否有任何 XMLHttpRequests 打开？例如 "window.XMLisActive()" 或类似的东西？

解决方案：最终为 XMLHttpRequest 编写了一个包装器：gist here

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

久随 2025-01-12 12:16:03

没有办法从 JS 检测打开的连接，除非您为 XmlHttpRequest 编写一个包装器（或对其进行猴子修补）来跟踪打开的连接。

这是kidcapital的猴子补丁，不确定它是否完美，但这是一个好的开始

  (function() {
    var oldOpen = XMLHttpRequest.prototype.open;
    window.openHTTPs = 0;
    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
      window.openHTTPs++;
      this.addEventListener("readystatechange", function() {
          if(this.readyState == 4) {
            window.openHTTPs--;
          }
        }, false);
      oldOpen.call(this, method, url, async, user, pass);
    }
  })();

注意

它不处理fetch或websockets，但在这些情况下你可以做类似的事情。

There is not a way to detect an open connection from JS unless you write a wrapper for XmlHttpRequest (or monkey patch it) that keeps track of opened connections.

Here's kidcapital's monkey patch, not sure if it's perfect, but it's a good start

  (function() {
    var oldOpen = XMLHttpRequest.prototype.open;
    window.openHTTPs = 0;
    XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
      window.openHTTPs++;
      this.addEventListener("readystatechange", function() {
          if(this.readyState == 4) {
            window.openHTTPs--;
          }
        }, false);
      oldOpen.call(this, method, url, async, user, pass);
    }
  })();

Note

This does not handle fetch or websockets but you could do something similar in those cases.

回复收藏 0 原文

茶色山野 2025-01-12 12:16:03

您可以使用 FireBug 来实现此目的。

在此处输入图像描述

回复收藏 0 原文

冰火雁神 2025-01-12 12:16:03

我尝试了 @juan-mendes 的解决方案并收到错误：错误错误代码：未定义消息：无法在“XMLHttpRequest”上设置“responseType”属性：无法更改从文档发出的同步请求的响应类型。< /代码> 在我的 Angular 应用程序中。原因是 async 参数，默认情况下该参数应该为 true，但是当该参数丢失时，此补丁会传递 undefined ，该参数会转换为 false。带有这个小更改的代码对我有用：

(function() {
        var oldOpen = XMLHttpRequest.prototype.open;
        window.openHTTPs = 0;
        XMLHttpRequest.prototype.open = function(method, url, async = true, user = null, pass = null) {
            window.openHTTPs++;
            this.addEventListener("readystatechange", function() {
                if(this.readyState == 4) window.openHTTPs--;
            }, false);
            oldOpen.call(this, method, url, async, user, pass);
        }
    })()

I tried @juan-mendes's solution and got an error: ERROR Error Code: undefined Message: Failed to set the 'responseType' property on 'XMLHttpRequest': The response type cannot be changed for synchronous requests made from a document.
in my Angular application. The cause is the async parameter which is supposed to be true by default, but when the argument is missing, this patch passes undefined which translates to false. The code with this small change works for me:

(function() {
        var oldOpen = XMLHttpRequest.prototype.open;
        window.openHTTPs = 0;
        XMLHttpRequest.prototype.open = function(method, url, async = true, user = null, pass = null) {
            window.openHTTPs++;
            this.addEventListener("readystatechange", function() {
                if(this.readyState == 4) window.openHTTPs--;
            }, false);
            oldOpen.call(this, method, url, async, user, pass);
        }
    })()

回复收藏 0 原文