javascript - 多个 XMLHttpRequest JavaScript

Question

我有以下代码:

for(var i=0;i<searchParamLength;i++)
{
    (function(i){
    url = "https://www.googleapis.com/customsearch/v1?q=" + searchParam[i] + "&cx=005894674626506192190:j1zrf-as6vg&key=AIzaSyCanPMUPsyt3mXQd2GOhMZgD4l472jcDNM&dateRestrict=" + date_length;

        arrXhr[i] = new XMLHttpRequest();

        arrXhr[i].open("GET", url, true);

        arrXhr[i].onreadystatechange = function(){

        var totalResults = 0;

        if (arrXhr[i].readyState === 4 && arrXhr[i].status == 200) 
        {
            totalResults = JSON.parse(arrXhr[i].responseText).searchInformation.totalResults;

            console.log("Variable I: " + i + "Total results:" + totalResults);

            totalResultsArr.push(totalResults);
        }           

        };

        arrXhr[i].send(null);

        })(i);

 }

看看我的循环内部，其中有一个 console.log()。我在代码中遇到了一些奇怪的行为，这就是为什么我决定检查循环是否按预期运行。确实，看看下面的图片。循环以一种奇怪的方式执行。首先执行 i=1，然后 i=6，然后 i=2，依此类推。

我一直在研究SO，我看到了以下内容question但这并没有帮助我解决我的问题。有人知道为什么会发生这种情况吗？

Answer 1

请求是异步的。无法保证它们会按照您创建的顺序完成 - 这就是为什么您在回调中看不到 i 的连续值。