jQuery ajax all'interno di un problema di loop

Question

Questo script di loop js ottiene sempre l'ultimo valore di ui_item all'interno di una funzione jquery ajax. Come si può cogliere il valore corretto di ogni iterazione?

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

} 

Grazie!

Answer 1

Il problema è che il metodo di callback anonimo cattura la variabile ui_item come riferimento. Poiché esiste una sola variabile, ottiene sempre ciò che è stato assegnato per ultimo alla variabile.

È necessario avvolgere il contenuto del ciclo for in una funzione che richiede i come parametro, quindi chiamare la funzione nel ciclo. Ogni chiamata alla funzione wrapper creerà una variabile separata, risolvendo il problema.

Ad esempio:

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

turno asincrono off, si risolverà il problema credo. Voglio dire aggiungere questo: async: false