jQuery.ajax() विधि का async विकल्प बहिष्कृत, अब क्या?

Question

jQuery 1.8 के रूप में, async:false का उपयोग jQuery.ajax() से वंचित है।
लेकिन पृष्ठभूमि में चल रहे AJAX संचार के दौरान आप "लोडिंग स्क्रीन" के साथ कितने वेबपृष्ठ देख चुके हैं? मैंने शायद उनमें से हजारों को देखा है।

मेरा मामला यह है कि मैं एक मोबाइल ऐप लिख रहा हूं जिसे भाषा फ़ाइल लोड करने की आवश्यकता है। और शुरुआत में मैं भाषा फ़ाइल लोड करता हूं और मैं भाषा फ़ाइल से बटन और अन्य जीयूआई तत्वों का पाठ पुनर्प्राप्त करता हूं।

यह मेरे लिए वास्तव में बुरा है। क्योंकि यदि भाषा फ़ाइल गुम है, तो GUI प्रकट नहीं होना चाहिए। तो मैं इसे कैसे हल करूं? मेरे सभी कोड को success कॉलबैक में रखें? यह मेरे लिए एक अच्छा कोडिंग अभ्यास की तरह प्रतीत नहीं होता है। क्या मैं इसे एक और तरीके से हल कर सकता हूं?

Answer 1

समाधान उपयोगकर्ता को इंटरफ़ेस से इंटरैक्ट करने के लिए मैन्युअल रूप से ओवरले जोड़ने के लिए है, और फिर AJAX क्वेरी करने के बाद इसे हटा दें।

$(function() { 
    show_overlay();   

    $.ajax({ 
     // Query to server 
    }).done(function() { 
     // Verify good data 
     // Do stuff 
     remove_overlay(); 
    }); 
}); 

Answer 2

आप इस फ़ाइल को पाने के लिए AJAX का उपयोग क्यों करेंगे? बस इसे script टैग का उपयोग करके शामिल करें।

किसी भी मामले में, आप अपने सभी कोड को ऑनस पर नहीं डालते - इसके बजाय आप वहां से एक एकल फ़ंक्शन कॉल करते हैं जो आपका कोड चलाना शुरू करता है।

Answer 3

मैं शर्त लगा सकता है कि उन लोगों के 1000 पृष्ठों की है की कई वास्तव में यूआई जबकि AJAX कॉल के लिए इंतजार को ब्लॉक नहीं करती। इसके बजाए, संभवतः वे यूआई को कॉल स्क्रीन के समय प्रतीक्षा स्क्रीन के साथ अस्पष्ट करते हैं और उसके बाद प्रतिक्रिया हैंडलर पर इसे हटा देते हैं।

UI को अस्पष्ट करने के कई तरीके हैं (आप केवल एक jQuery UI संवाद का उपयोग कर सकते हैं जो मॉडल पर सेट है और इसमें कोई भाग नहीं है या बंद बटन नहीं है), इसलिए मैं आपको यह निर्णय छोड़ दूंगा। लेकिन कोड के लेआउट कुछ इस तरह होगा:

var someFunction = function() { 

    // any pre-conditions to the logic 
    // obscure the UI here 

    $.ajax({ 
     url: 'ajax/test.html', 
     success: function(data) { 

      // handle the response 
      // show the UI again 

     }, 
     error: function(data) { 

      // handle the response 
      // show the UI again 

     } 
    }); 
} 

मुझे यकीन है कि वहाँ की घटनाओं की है कि आदेश प्राप्त करने के लिए कई तरीके हैं, लेकिन है कि आम विचार है। यूआई को अवरुद्ध करना वास्तव में कभी इरादा नहीं था, और मुझे लगता है कि यह jQuery के लिए में शामिल है, जो कि को हटा देता है। यह अतुल्यकालिक होना है।

Answer 4

मैं इस पैरामीटर के प्रतिवाद के बारे में टिकट में official discussion पढ़ सकते हैं और यहाँ मैं क्या समझ में आ रहा है:

• समस्या यह है कि सिंक AJAX के लिए Promise रों (1) को लागू करने के लिए उन्हें भूमि के ऊपर देता है।

• सिंक AJAX के वास्तविक दुनिया के उपयोग के कई मामले हैं, उदाहरण के लिए पेज अनलोड से पहले राज्य को संरक्षित करना। इसलिए, यह कार्यक्षमता रहेगी, लेकिन जिस तरह से आप इसका उपयोग करते हैं, वह बदल सकता है।

• निकटतम समाधान (1.8 में लैंडिंग) केवल कॉलबैक (लेकिन वादा नहीं) का समर्थन करना है जब asyncfalse है।

निष्कर्ष करने के लिए: async: false का उपयोग कर रखें कि यदि आप करने के लिए है, लेकिन अपनी कमियां (वी एम के अवरुद्ध) से सावधान। चिंता न करें, अगर आपको यह सुविधा कभी भी $.ajax() हटा दी जाती है तो आपको एक विकल्प प्रदान किया जाएगा।