javascript - 多个XMLHttpRequests JavaScript

我有以下代码:

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，但这并没有帮助我解决问题。任何人都知道为什么会这样吗？

最佳答案

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

关于javascript - 多个XMLHttpRequests JavaScript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34998449/