Question

我需要在一个循环中发送多个get请求，处理响应的回调需要循环索引，以便将响应数据与我已经拥有的关于每个对象的数据结合起来。

从this开始，我知道如何创建单个请求并使用回调传递额外的参数。我还能够发送多个请求，并使用XMLHttpRequest.onreadystatechange为结果设置一个函数。

我尝试将两种解决方案结合起来，但是由于是一个循环，因此变量在每次迭代后都会更改，并且所有响应最终都会被循环的最后一次迭代的参数调用。我想用var indexOfProject = i;内循环可以解决这个问题，但事实并非如此。这是我的代码：

var count = 0;
var queryProjects = 2;
var totalNeeded = queryProjects;

var apicallback = function(project, index) {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {  
        console.log("processing response, index, project : " + index);
        console.log(project);
        var objResponse = JSON.parse(xmlHttp.responseText);
        _projectsData.projects[index]['lastUpdateTime'] = objResponse['updated_at'];
        count++;
        if (count==totalNeeded){
            console.log("got all responses!");
            //TODO: 
        }
    }
};

for (var i = 0; i < queryProjects; i++) {
    var indexOfProject = i;
    if (repos[i] != null) {
        var theUrl = "https://api.github.com/repos/" + repos[i][0];
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.onreadystatechange = function() { 
            apicallback(_projectsData.projects[indexOfProject], indexOfProject); 
        }
        console.log("sent request!");
        xmlHttp.open("GET", theUrl, true); // true for asynchronous 
        xmlHttp.send(null);
    }
    else {
        totalNeeded--;
    }
}

我也尝试过这个，

xmlHttp.onreadystatechange = apicallback(_projectsData.projects[indexOfProject], indexOfProject);

但是更糟糕的是，当readystate==1时，回调仅被调用一次。

如何从循环发送多个GET请求与回调的参数？

0 个答案: