在慢速网络上，先前的Ajax请求被后续的Ajax请求取消

Question

我有以下问题：
我试图模拟地发送两个Ajax请求：

function ajax()
{
   xhr = new XMLHttpRequest();
   xhr.onreadystatechange = function()
   {
      if(xhr.readyState == 4)
         console.log(xhr.responseText);
   }
   xhr.open('GET', 'list.html', true);
   xhr.send('');
}
ajax();
ajax();

问题在于其中只有一个成功。
如果我自己尝试使用DevTools，则如果网络速度很高，它们都会同时执行（当我在控制台中快速键入ajax（）函数两次时），而如果我降低网络速度并再次快速键入它们，则只能执行一次他们成功了。
为什么会这样呢？ 如何避免自动取消同时发出的xhr请求？

Answer 1

您应该使用局部变量来保存XMLHttpRequest 。 由于您使用的是全局变量，因此回调函数始终引用已发送的第二个AJAX请求。 所以改变：

xhr = new XMLHttpRequest();

至：

var xhr = new XMLHttpRequest();

然后，每个回调函数将是一个闭包，该闭包引用已发送的特定请求。