javascript - 考虑浏览器连接限制的ajax请求超时

Question

我遇到了具有固定超时的 ajax 请求的问题。所以我只是使用这个简单的代码。

$.ajax({
    url: "test.html",
    error: function(){
        //do something
    },
    success: function(){
        //do something
    },
    timeout: 7000
});

在我的场景中，可能会同时调用 20 个 ajax 请求，每个请求的超时时间为 7 秒。您可能知道，每个浏览器都有不同的连接数限制。问题来了。由于连接限制，一些 ajax 请求正在排队，但超时计数已经开始。所以有些请求在到达服务器之前就已经超时了。是否有可能只有当请求真正传输到服务器时才会倒计时？

Answer 1

$.ajax 的快速而肮脏的“替换” - 仅涵盖您在示例中使用的内容，但它应该是“直接”替换

function betterAjax(options) {
    var xhr = new XMLHttpRequest();
    var setListener = function(which, fn) {
        if (typeof fn == 'function') {
            if (which == 'success') {
                which = 'load';
            }
            xhr.addEventListener(which, fn);
        }
    }
    xhr.open(options.method || 'GET', options.url);
    setListener('success', options.success);
    setListener('error', options.error);
    if (options.timeout) {
        xhr.timeout = options.timeout;
    }
    xhr.end();
}

这是我几年前写的东西的简化版本 - 基本上是 https://jsfiddle.net/jaromanda/wpkeet34/