javascript - Jquery绑定(bind)循环变量到getJSON函数

Question

我有一个 for 循环，它获取一个 json 数组并将它与另一个列表的变量一起填充到一个表中。我的问题是我无法在 get 方法中访问 i 。但是我有 mylist 及其所有内容。我尝试使用 bind(this,i) 将函数绑定(bind)到变量 i，但上面写着 .getJSON() 不是函数。这是相关代码。

var mylist = ["a", "b", "c"]
for (i = 0; i < mylist.length; i++) {

    urlstr = "/" + mylist[i]; // Generate url
    $.getJSON(urlstr, function(data) {
        html = "<tr><td>" + mylist[i] + "</td><td>" + data.string[0] + "</td></tr>";
        $("#tableresult").append(html); //this returns undefined for mylist[i]
        console.log(i); //this returns 3 which is the length of list
    });

}

简而言之，我需要 getJSON 之外的变量可以在 getJSON 中访问。 有人可以帮忙吗？谢谢和问候。

Answer 1

这应该与在几乎任何其他循环中绑定(bind)循环变量没有什么不同。由于您使用的是数组，因此最简洁的方法是使用 Array#forEach:

var mylist = ["a", "b", "c"];
mylist.forEach(function (item) {
    var urlstr = "/" + item;
    $.getJSON(urlstr, function(data){
         var html = "<tr><td>" + item + "</td><td>" + 
                    data.string[0] + "</td></tr>";
         $("#tableresult").append(html);
        console.log(item);
    });
});