您如何确保 XMLHttpRequest() 在继续之前已收到其完整响应？

Question

我正在循环XMLHttpRequests并且对于每个响应我都将其推送到一个数组。

我使用 async/await 来尝试确保仅在收到所有响应后才返回我的响应数组。

出于某种原因，没有错误，此方法不起作用，我没有得到完整的响应数组。

// looping requests in function

const getFetched = async () => {
  return Promise.all(
    await getURLArray().then(async (requestURLArray) => {
      const fetchedData = [];

      await requestURLArray.map((value, index) => {
        const requestUrl = value;
        const Http = new XMLHttpRequest();
        Http.open("GET", requestUrl);
        Http.responseType = "json";
        Http.send();

        Http.onreadystatechange = (e) => {
          if (Http.response === null) return;      
          fetchedData.push(Http.response);
        };       
      });

      return fetchedData;
    })
  );
};

// calling function to make requests

const fetchedData = await getFetched.then((fetched) => {
  // from the above, if I log fetched it has the correct data in it
  // but this is because of the console updating it after the promise
  // so if I log fetched.length it is 0 - meaning it hasnt properly fetched the data yet
})

我该怎么做才能确保Http请求在返回响应数组之前完全完成？

Answer 1

考虑改用fetch ，因为它适用于Promise s。

return Promise.all(
    (await getURLArray()).map(url => fetch(url).then(res => res.json()))
);