Переменная цикла привязки JQuery к функции getJSON

Question

У меня есть цикл for, который дает массив json и заполняет его в таблице вместе с переменными другого списка. Моя проблема в том, что я не могу получить доступ к i внутри метода get. Но у меня есть mylist и все его содержимое внутри. Я попытался привязать функцию к переменной i, используя bind (this, 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

Это не должно быть ничем не отличается от связывания переменную цикла практически любого другого цикла. Поскольку вы работаете с массивом, чистейший подход заключается в использовании 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); 
    }); 
}); 

Answer 2

, пожалуйста, убедитесь, что ваши данные возврата php - json.

, например:

$data['something'] = 'data'; 
echo json_encode($data); 

и используя функцию для индекса GET (я):

$.getJSON("demo_ajax_json.js", function(result){ 
     $.each(result, function(i, field){ 
      $("div").append(field + " "); 
     }); 
    });