jQuery ajax bên trong một vấn đề vòng lặp

Question

Tập lệnh vòng lặp js này luôn nhận giá trị cuối cùng của ui_item bên trong một jquery ajax funciton. Làm thế nào có thể nắm bắt được giá trị chính xác của mỗi lần lặp?

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

} 

Cảm ơn!

Answer 1

Vấn đề là phương thức gọi lại ẩn danh sẽ ghi lại biến số ui_item bằng cách tham chiếu. Vì chỉ có một biến, nó luôn luôn nhận được bất cứ điều gì đã được gán cuối cùng cho biến.

Bạn cần bọc nội dung của vòng for trong một hàm lấy i làm tham số, sau đó gọi hàm trong vòng lặp. Mỗi cuộc gọi đến hàm wrapper sẽ tạo ra một biến riêng biệt, giải quyết vấn đề.

Ví dụ:

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

Answer 2

Bật async tắt, nó sẽ khắc phục vấn đề tôi đoán. Ý tôi là thêm: async: false