एक लूप समस्या के अंदर jQuery AJAX

Question

यह जेएस लूप स्क्रिप्ट हमेशा jquery AJAX funciton के अंदर 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"); 
     } 
    }); 

} 

धन्यवाद!

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

Answer 2

बारी async बंद है, यह समस्या मैं लगता है कि ठीक कर देंगे। मेरा मतलब यह है: async: false