jQuery ajax里面的一个循环问题
这js循环脚本总是得到在jQuery的ajaxfunction里面的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"); } }); }
谢谢!
问题是匿名callback方法通过引用捕获ui_item
variables。 由于只有一个variables,它总是得到最后分配给variables的任何东西。
您需要将for
循环的内容封装到以i
作为参数的函数中,然后在循环中调用该函数。 每个对包装函数的调用都会创build一个单独的variables来解决问题。
例如:
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);
closuresasynchronous,它会解决我猜的问题。 我的意思是添加这个:async:false