jQuery गुंजाइश या रेस स्थिति

Question

मैं जो जल्दी जल्दी में कई getJSON() कॉल का आह्वान jQuery कोड का एक टुकड़ा:

var table = $("table#output"); 
for (var i in items) { 
    var thisItem = items[i]; 
    $.getJSON("myService", { "itemID": thisItem }, function(json) { 
     var str = "<tr>"; 
     str += "<td>" + thisItem + "</td>"; 
     str += "<td>" + json.someMember + "</td>"; 
     str += "</tr>"; 
     table.append(str); 
    }); 
} 

जब मैं इस एक laggy सर्वर के विरुद्ध चलाने के लिए, तालिका के साथ आबादी वाले हो जाता है अपेक्षित json.someMember मान (वे आदेश से बाहर निकलते हैं: मुझे यह बुरा नहीं लगता), लेकिन thisItem कॉलम विभिन्न पुनरावृत्तियों से मूल्यों के अप्रत्याशित मिश्रण के साथ पॉप्युलेट किया गया है।

मुझे लगता है कि यह गुंजाइश और समय के साथ कुछ करने के लिए है - कॉलबैक फ़ंक्शन thisItem को व्यापक दायरे से पढ़ रहा है? क्या मैं सही हू? मैं इसे कैसे न होने दूँ?

मेरा वर्तमान वर्कअराउंड जेएसओएन सेवा के लिए अपने इनपुट की प्रतिलिपि वापस करने के लिए है - जो कम से कम कहने से असंतुष्ट है।

Answer 1

लूप के कारण स्कोपिंग समस्या की तरह लगता है। इस प्रयास करें:

var table = $("table#output"); 
for (var i in items) { 
    var thisItem = items[i]; 
    $.getJSON("myService", { "itemID": thisItem }, (function(thisItem) { 
     return function(json) { 
      var str = "<tr>"; 
      str += "<td>" + thisItem + "</td>"; 
      str += "<td>" + json.someMember + "</td>"; 
      str += "</tr>"; 
      table.append(str); 
     } 
    })(thisItem)); 
} 

संपादित: सब मैंने किया था $.getJSON कॉलबैक करने के लिए गुंजाइश thisItem था।

Answer 2

जावास्क्रिप्ट स्कोप के लिए ब्लॉक का उपयोग नहीं करता है। दायरा केवल कार्यों पर आधारित है।

यदि आप एक नया दायरा चाहते हैं, तो आपको एक नया आंतरिक कार्य घोषित करना होगा और इसे तुरंत चलाएं, यह जावास्क्रिप्ट में एक नया दायरा बनाने का एकमात्र तरीका है।

var table = $("table#output"); 
for(var i in items) 
{ 
    (function(){ 
     var thisItem = items[i]; 
     $.getJSON("myService", { "itemID": thisItem }, function(json) 
     { 
      var str = "<tr>"; 
      str += "<td>" + thisItem + "</td>"; 
      str += "<td>" + json.someMember + "</td>"; 
      str += "</tr>"; 
      table.append(str); 
     }); 
    })(); 
}