Firefox 中的 xmlhttprequest 有什么不同

Question

我的代码在 Chrome 和 Safari 中运行，但在 FF 中挂起。

我删除了不必要的代码部分。

我使用控制台命令来显示第一个循环有多远，它会在 xhr 打开和发送命令之前执行第二个日志。

如果打开/发送命令存在，则循环只发生一次，如果我删除打开/发送命令，则循环成功完成。

目前正在使用 FF 62nightly，但自从 Quantum 推出以来，这个问题一直困扰着我，我现在正试图弄清楚为什么它不能正常工作。

for (i = 0; i < length; i++) {
  (function(i) {
    // new XMLHttpRequest
    xhr[i] = new XMLHttpRequest();
    // gets machine url from href tag
    url = rows[i].getElementsByTagName("td")[0].getElementsByTagName('a')[0].getAttribute('href');
    // Insert the desired values at the end of each row; 
    // will try to make this customizable later as well


    insertVNC[i] = rows[i].insertCell(-1);
    insertSerial[i] = rows[i].insertCell(-1);
    insertVersion[i] = rows[i].insertCell(-1);
    insertFreeDiskSpace[i] = rows[i].insertCell(-1);

    // the fun part: this function takes each url, loads it in the background, 
    // retrieves the values needed, and then discards the page once the function is complete; 
    // In theory you could add whatever you want without taking significantly longer 
    // as long as it's on this page
    console.log(i);

    xhr[i].onreadystatechange = function() {
      if (xhr[i].readyState == 4 && xhr[i].status == 200) {
      }
    };

    //"Get" the "Url"... true means asyncrhonous
    console.log(url);
    xhr[i].open("GET", url, true);
    xhr[i].send(null);

  })(i); //end for loop

}

Answer 1

我无法告诉你为什么它会在 Firefox 中出现问题。我不相信从任何浏览器发送任意多的请求

我会亲自尝试这个，因为它不会在一个完成之前触发下一个

const urls = [...document.querySelectorAll("tr>td:nth-child(0) a")].map(x => x.href);
let cnt=0;
function getUrl() {
  console.log(urls[cnt]);
  xhr[i].open("GET", urls[cnt], true);
  xhr[i].send(null);
}

let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr[i].readyState == 4 && xhr[i].status == 200) {
    if (cnt>urls.length) getUrl();
    cnt++;
  }
}
getUrl();