एक jQuery के भीतर एक ऐरे को धक्का देना प्रत्येक लूप

Question

मैं एक एक्सएमएल फ़ाइल को पार्स करने के लिए jQuery का उपयोग कर रहा हूं, और मैं प्रत्येक तत्व को XML फ़ाइल में एक jQuery .each loop का उपयोग करके सरणी में धक्का देने की कोशिश कर रहा हूं। आश्चर्यजनक रूप से, अगर मैं लूप के भीतर सरणी के मान को सतर्क करता हूं तो यह बाहर आता है, लेकिन अगर मैं लूप समाप्त होने के बाद सरणी में मान को अलर्ट करने का प्रयास करता हूं तो इसका परिणाम "अपरिभाषित" होता है।

क्या कोई अजीब ऐसा होता है जब आप इस तरह के लूप के भीतर किसी सरणी को मानते हैं?


यहाँ जावास्क्रिप्ट है:

<?xml version="1.0" encoding="UTF-8"?> 
<site>  
    <image src="splash1.jpg" /> 
    <image src="splash2.jpg" /> 
    <image src="splash3.jpg" /> 
    <image src="splash4.jpg" /> 
    <image src="splash5.jpg" /> 
    <image src="splash6.png" /> 
</site> 

Answer 1

सही संस्करण:

var splashArray = new Array(); 

// Load the Splash XML file and assign each image within to an array 
$.get('splash.xml', function(xml) { 
     $('image', xml).each(function (i) { 
       splashArray.push($(this).attr("src")); 
     }); 
     alert(splashArray[1]); 
}); 

var splashArray = new Array(); 

// Load the Splash XML file and assign each image within to an array 
$.get('splash.xml', function(xml) { 
    $('image', xml).each(function (i) { 
     splashArray.push($(this).attr("src")); 
    }); 
}); 

alert(splashArray[1]); // Results in undefined 

यहाँ एक्सएमएल हैकोड अलर्ट के आपके संस्करण में (splashArray [1]); AJAX को xml परिणाम प्राप्त करने से पहले निष्पादित करता है, इसलिए splashArray खाली था, जब आप अनुक्रमणिका 1 के साथ तत्व को अलर्ट करने का प्रयास करते हैं। आपका कोड केवल सिंक्रोनस मोड के लिए काम करता है, जब थ्रेड सर्वर प्रतिक्रिया के लिए प्रतीक्षा करता है। असीमित मोड में आपको कॉलबैक फ़ंक्शन का उपयोग करना चाहिए। कॉलबैक साथ

संस्करण:

var splashArray = new Array(); 

// Load the Splash XML file and assign each image within to an array 
$.get('splash.xml', function(xml) { 
     $('image', xml).each(function (i) { 
       splashArray.push($(this).attr("src")); 
     }); 
     work_with_splash(); 
}); 

function work_with_splash() { 
    alert(splashArray[1]); 
} 

या एक और पैटर्न (स्यूडोकोड):

function process(ajax_is_done) { 
    if (!ajax_is_done) { 
     ajax(function (result) { 
      import_result(result); 
      process(true); 
     }) 
    } 
} 
process(); 

Answer 2

आप से पहले सरणी डाला जा रहा है सतर्क कर रहे हैं। आपको यह समझने की जरूरत है कि एक्सएचआर/अजाक्स असीमित है (सिंक्रोनस के विपरीत) इसलिए अलर्ट कॉलबैक फ़ंक्शन के बाद हमेशा रन नहीं करेगा क्योंकि एक्सएमएल को पकड़ने के लिए वास्तविक HTTP अनुरोध करने में कुछ सेकंड लगेंगे, अंदर चेतावनी दी जाएगी कॉलबैक यह सुनिश्चित करता है कि एक्सएचआर सामान पूरा होने के बाद यह आबादी हो।

काम करता है:

var splashArray = []; 

function fn() { 
    alert(splashArray[1]); 
} 

$.get('splash.xml', function(xml) { 
     $('image', xml).each(function (i) { 
       splashArray.push($(this).attr("src")); 
     }); 
     fn(); 
}); 

काम नहीं करता:

var splashArray = []; 

$.get('splash.xml', function(xml) { 
     $('image', xml).each(function (i) { 
       splashArray.push($(this).attr("src")); 
     }); 
     // this will populate the array almost always AFTER the alert below. 
}); 


alert(splashArray[1]); // this will almost ALWAYS alert BEFORE the callback function is done 

Answer 3

आप एक मानक कॉलबैक का उपयोग नहीं करना चाहते हैं, तो अन्य विकल्प के लिए एक jQuery घटना को ट्रिगर करने के लिए है।