Не удается передать данные json функции Ajax

Question

на основе кода ниже, я хочу понять, почему я не могу назвать данные из json (json.projects[i].projName), когда я вызываю его из функции ajax?

var json = JSON.parse(data); 

for (var i = 0; i < json.projects.length; i++) { 

alert(json.projects[i].projName); //will show correct data 

    $.ajax({ url: epridlist, method: 'GET'}).then(function (datas) { 
     alert(json.projects[i].projName) // this will fail. says not know projName, when projName existed in jason data 
    }); 
} 

Пожалуйста, помогите мне разобраться. если я предупрежу о внешней функции ajax, результат покажет

Answer 1

Это из-за закрытия. Внутренняя функция в обратном вызове Ajax-эффекта создает закрытие и фиксируется значение переменной i. Внутренняя функция содержит ссылку на переменную i.

После цикл выполняется, значение i будет json.projects.length и при попытке получить доступ к json.projects[json.projects.length] вы получите undefined.

Для решения проблемы попробуйте использовать переменную let вместо var, которая имеет меньшую область действия по сравнению с областью действия.

Вы можете обратиться к другим подходам в этом вопросе: JavaScript closure inside loops – simple practical example

вар = JSON.parse JSON (данные);

for (let i = 0; i < json.projects.length; i++) { 

alert(json.projects[i].projName); //will show correct data 

    $.ajax({ url: epridlist, method: 'GET'}).then(function (datas) { 
     alert(json.projects[i].projName) // this will fail. says not know projName, when projName existed in jason data 
    }); 
}