如何处理AJAX请求优先级的情况下浏览器对每个域的并行请求限制？

Question

想象一下，给定以下情况：

有大约20个请求（甚至更多），这是由我们的网站触发的。这些可以是任何类型的请求 - 我们不知道如何再次触发它们。在这个网站上，所有请求的目标地址都是相同的。请求可以有订阅事件侦听器。

在使用Chrome的情况下，前6个请求被发送，其他人在队列中等待发送（因为parallel request limit per domain）。

此时网页触发了一个非常重要的请求（让我们称之为“VIR”），它具有更高的优先级，然后发送到服务器，然后是前20个请求。其他请求（以及它们的事件监听器）也非常重要，所以我们不能立即中止它们发送VIR。

我们需要一个解决方案，使所有未决请求（6队列发送+ 14），中止它们，然后发送VIR，然后用连接，他们收到了相同的事件监听器再次发送其他 。

在任何其他情况下（开箱即用）解决方案，在2个基本问题是：

• 是否有可能得到引用的所有未决请求（包括队列）？
• 是否有可能放弃一个xhr然后再发送它（通过克隆它们，或者我不知道）？

而另一个相关的问题：

• 我记得每个主机名的并行请求限制是浏览器，而不是只为当前选项卡的限制。是否有一个神奇的解决方案来处理它？如果是的话，我真的想写吗？ :)

注意的，所有的请求都必须发送同一个域。 （意味着在VIR中定位不同的域名不是一种选择）。 但是使用websocket或http/2可以解决基本问题，但这些不是当前问题中的选项。

我很欣赏这个！ Thx提前！

点：是的，这是一个JavaScript的问题:)

Answer 1

实际上，你可以继续使用相同的XmlHttpRequest实例中止请求后，调用open并再次发送方法，以及事件侦听器保持连接。更新的代码片段，其中超载XHR开/发送方法来保存URL和有效载荷：

var pending_requests = [], 
 
    XHRBase = { 
 
     open: XMLHttpRequest.prototype.open, 
 
     send: XMLHttpRequest.prototype.send 
 
    }; 
 

 
XMLHttpRequest.prototype.open = function() { 
 

 
    pending_requests.push(xhr._data = {xhr: this, open: arguments}); 
 
    XHRBase.open.apply(this, arguments); 
 
    // add event listener to pop on finish 
 
} 
 

 
XMLHttpRequest.prototype.send = function() { 
 
    xhr._data.send = arguments; 
 
    XHRBase.send.apply(this, arguments); 
 
} 
 

 
function priority_call(params, callback) { 
 
    pending_requests.forEach((req) => req.xhr.abort()); 
 
    // do vip xhr 
 
    pending_requests.forEach((req) => { 
 
    XHRBase.open.apply(req.xhr, req.open); 
 
    XHRBase.send.apply(req.xhr, req.send); 
 
    }) 
 
}