AJAX "get" फ़ंक्शन सिंक्रोनस/परिणाम कैसे प्राप्त करें?

Question

मुझे $ .get फ़ंक्शन की समस्या का सामना करना पड़ रहा है।

xyz = null 

    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
    }); 

alert(xyz); 
//some more code using xyz variable 

मुझे पता है कि xyz एक अशक्त परिणाम सूचित करेंगे क्योंकि $.getअतुल्यकालिक है: यूआरएल JSON

मेरी कोड में शामिल है।

तो क्या कोई तरीका है कि मैं इस कार्य के बाहर xyz का उपयोग कर सकता हूं?

Answer 1

असली जवाब नहीं है, लेकिन आप इस का उपयोग कर सकते हैं:

function useXYZ(){ 
    alert(xyz); 
} 

xyz = null   

$.get('http://www.someurl.com/123=json', function(data) { 
    xyz = data.positions[0].latitude; 
    useXYZ(); 
}); 

Answer 2

get एक शॉर्टकट है। तुम्हें पता है, एक ही है, लेकिन तुल्यकालिक कर सकते हैं का उपयोग कर:

var xyz = null 


$.ajax({ url: 'http://www.someurl.com/123=json', 
     async: false, 
     dataType: 'json', 
     success: function(data) { 
       xyz = data.positions[0].latitude; 
      } 
     }); 


alert(xyz); 

आप ajax कॉल करने से पहले xyz चर घोषित करने के लिए, हालांकि होगा।

Answer 3

यह जावास्क्रिप्ट के साथ एक आम समस्या है। जावास्क्रिप्ट कोड निरंतर उत्तीर्ण शैली में लिखा जाना चाहिए। यह कष्टप्रद है, लेकिन ऐसा कुछ है जिसे आप बहुत ज्यादा सोचने के बिना परिवर्तित कर सकते हैं।

मूल रूप से, जब भी हम जैसे

var x = someSyncFunction(a, b, c); 
//do something with x 
console.log(x); 

कुछ होता है हम इसे async कोड में समारोह एक निरंतरता समारोह में रिटर्न के बाद सभी कोड बनाने और की एक पैरामीटर में एक चर से एक्स बदल कर परिवर्तित कर सकते हैं निरंतरता कॉलबैक।

someAsyncFunction(a, b, c, function(x){ 
    //do something with x; 
    console.log(x); 
}); 

आप बाहर देखने के लिए है कि इसके बहुत आसान भ्रामक कोड लिखने के लिए की है। ध्यान में रखने के लिए एक अच्छी चाल यह है कि आप अपने स्वयं के कार्यों को कॉलबैक भी प्राप्त कर सकते हैं। इससे उन्हें विभिन्न समारोह से (बस सामान्य सिंक सहायक कार्यों कि वापसी एक मूल्य के विभिन्न कार्यों के द्वारा इस्तेमाल किया जा सकता) की तरह इस्तेमाल किया जा करने की अनुमति देता

var getXyz = function(onResult){ //async functions that return do so via callbacks 
           //you can also another callback for errors (kind of analogous to throw) 
    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
     onResult(xyz); //instead of writing "return xyz", we pass x to the callback explicitely. 
    }); 
}; 

getXyz(function(xyz){ //this would look like "var xyz = getXyz();" if it were sync code instead. 
    console.log('got xyz'); 
}); 

चाल यहाँ करने के लिए कॉल में समारोह से सभी वापसी बयान बदलने के लिए है कॉलबैक फ़ंक्शन ऐसा सोचें कि एसिंक फ़ंक्शन कभी वापस नहीं आया है और किसी को वापस मूल्य देने का एकमात्र तरीका कॉलबैक पर उस मान को पास करना है।

---

आप पूछ सकते हैं कि ऐसा करने का कोई आसान तरीका क्यों नहीं है। खैर, ऐसा नहीं है, जब तक कि आप जावास्क्रिप्ट की बजाय किसी अन्य भाषा का उपयोग नहीं करते (या कम से कम कुछ जो आपको सिंक्रोनस शैली में एसिंक कोड लिखने देता है लेकिन स्वचालित रूप से नियमित जावास्क्रिप्ट पर संकलित करता है)