此js循环脚本始终在jquery ajax函数中获取ui_item的最后一个值。如何捕获每次迭代的正确值?

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");
        }
    });

}

谢谢!

最佳答案

问题在于匿名回调方法通过引用捕获了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);

关于jquery - jQuery ajax内部循环问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2687679/

10-12 12:59
查看更多