javascript - 检测 AJAX 请求何时开始

Question

按照我为这个特定项目提供的规范，我同时发起了几十个 AJAX 请求，并在它们完成时显示结果以尽快给出响应。

目前我的所有项目都显示为“正在加载...”，然后随着请求的完成逐渐被替换。

由于浏览器的限制，在任何给定时间只有大约五个实际上加载，其他的被阻止，直到较早的加载完成。

我想知道是否有任何方法可以查明 block 何时结束以及请求何时实际发送。

初始测试使用 onreadystatechange检测readyState 4 以外的值没有希望 - 在完成之前不会触发任何事件，此时我得到 2 , 3和 4立即连续(请注意，为了测试，AJAX 响应被人为地延迟了 usleep 随机时间)

有什么想法吗？还是我唯一真正的选择是手动实现阻塞部分？

Answer 1

您实际上可以获得的最佳近似值是观察 readyState“1”..，这表示服务器连接已经建立。这将为您提供一个关于连接实际上线时间的非常接近的估计。

我在 http://jsfiddle.net/r0gknr3w/ 上黑了.只需观察 JS 控制台，您就会看到记录了“1”。你说你从未见过 readyState 1...但它肯定存在。

var xhr = $.ajax({
    url: "/echo/html",
    xhr: function () {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            console.log(xhr.readyState);
        }
        return xhr;

    }
});