jQuery ajax в проблеме цикла

Этот js сценарий цикла всегда получает последнее значение ui_item в jQuery ajax funciton. Как может выгода правильное значение каждого повторения?

for (var i = 0; i <= split_files_cb_value_holder.length - 1; i++){
    var split_values = split_files_cb_value_holder[i].split(':');

    ui_item = split_files_cb_value_holder[i];

    $.ajax({
        type: "POST",
        url: "ds/index.php/playlist/check_folder",
        data: "component_type="+$('#component_type').val()+"&value="+split_values[1],
        success: function(msg)
        {
            console.log(ui_item); //ALWAYS GETS THE LAST VALUE
        },
        error: function()
        {
            alert("An error occured while updating. Try again in a while");
        }
    });

}

Спасибо!

19
задан steamboy 22 April 2010 в 01:27
поделиться

1 ответ

Проблема в том, что метод анонимного обратного вызова захватывает переменную ui_item по ссылке. Поскольку существует только одна переменная, она всегда получает то, что было присвоено переменной последним.

Вам нужно обернуть содержимое цикла for в функцию, которая принимает i в качестве параметра, а затем вызвать функцию в цикле. Каждый вызов функции-оболочки создает отдельную переменную, решая проблему.

Например:

function doCheck(i) {
    var split_values = split_files_cb_value_holder[i].split(':');

    var ui_item = split_files_cb_value_holder[i];

    $.ajax({
        type: "POST",
        url: "ds/index.php/playlist/check_folder",
        data: "component_type="+$('#component_type').val()+"&value="+split_values[1],
        success: function(msg)
        {
            console.log(ui_item); //Don't always get the last value
        },
        error: function()
        {
            alert("An error occured while updating. Try again in a while");
        }
    });
}

for (var i = 0; i < split_files_cb_value_holder.length; i++) 
    doCheck(i);
47
ответ дан 30 November 2019 в 03:16
поделиться
Другие вопросы по тегам:

Похожие вопросы: