jQuery AJAX और "कब" फ़ंक्शन

Question

मेरे पास कुछ है (कहें 5) AJAX अनुरोध जो मैं jQuery.ajax फ़ंक्शन का उपयोग कर एक ही समय में चलाता हूं।

अब मैं अपने परिणामों को सिंक्रनाइज़ और समेकित करना चाहता हूं और मैंने इसे प्राप्त करने के लिए jQuery.when फ़ंक्शन का उपयोग किया।

मेरी समस्या यह है कि $.when अनुरोधों में से एक के रूप में जल्द ही विफल हो जाता है और दूसरों को सफल होने पर भी लौटने से रोकता है।

मैं अपने सभी AJAX अनुरोधों (जो असफल रहा और सफल होने वाले सभी परिणामों से सिंक्रनाइज़ और सभी परिणाम कैसे प्राप्त कर सकता हूं)?

Answer 1

कार्यशील डेमो: http://jsbin.com/ocawoj/4/edit

function waitForAllPromisesToFinish() { 
    var i, 
     responses = [], 
     deferred = $.Deferred(), 
     helpers = { 
      addToResponses: function (index, data) { 
       responses[index] = data; 

       var i = 0, 
        isAnyNull = false; 

       for (i = 0; i < responses.length; i++) { 
        if (responses[i] === null) { 
         isAnyNull = true; 
         break; 
        } 
       } 

       if (isAnyNull === false) { 
        deferred.resolve(responses); 
       } 
      }, 
      setupPromise: function (promise, index) { 
       promise.always(function() { 
        var args = Array.prototype.slice.call(arguments); 
        helpers.addToResponses(index, args); 
       }); 
      } 
     }, 
     ajaxPromises = Array.prototype.slice.call(arguments); 

    for (i = 0; i < ajaxPromises.length; i++) { 
     responses[i] = null; 
    } 

    for (i = 0; i < ajaxPromises.length; i++) { 
     helpers.setupPromise(ajaxPromises[i], i); 
    } 

    return deferred.promise(); 
} 

फ़ंक्शन एक वादा करता है। आप एक किए गए हैंडलर को आपके द्वारा प्रदान किए गए एक से थोड़ा अलग संलग्न करते हैं।()। समारोह प्रत्येक AJAX वादे के जवाबों का ट्रैक रखता है। जब भी यह पता चलता है कि सभी AJAX वादे डेटा लौटा चुके हैं, या तो सफलता या विफलता, यह वादा को हल करेगा।

इसे प्राप्त करने के लिए और अधिक कुशल तरीके हो सकते हैं, हालांकि यह पहला है जिसे मैंने सोचा था।

Answer 2

आप एक, दो या तीन अद्यतन कार्यों को परिभाषित कर सकता है (क्या आप क्या करना चाहते पर निर्भर करता है) कि इसी वादे (ajax कॉलबैक) की प्रतिक्रिया लेने के लिए:

function bindPromises(updateSuccess, updateFail, updateAnyway) { 
    var arrPromises = []; 

    // automate the promise retrieval if you want, that's up to you. 
    arrPromises[0] = ajaxRequest1(); 
    arrPromises[1] = ajaxRequest2(); 
    arrPromises[2] = ajaxRequest3(); 
    arrPromises[3] = ajaxRequest4(); 
    arrPromises[4] = ajaxRequest5(); 

    for(var j = 0; j < arrPromises.length; j++) { 
     arrPromises[j].then(updateSuccess, updateFail, updateAnyway); 
    } 
} 

या आप भी स्वचालित करने के लिए अधिक:

function bindPromises(arrayOfAjaxCalls, updateSuccess, updateFail, updateAnyway) { 
    var arrPromises = []; 

    for(var i = 0; i < arrayOfAjaxCalls.length; i++) { 
     arrPromises[i] = (arrayOfAjaxCalls[i])(); 
     arrPromises[i].then(updateSuccess, updateFail, updateAnyway); 
    } 
} 

आप वादे से परिचित नहीं हैं मैं उस विषय को कवर करने के लिए एक महान लेख के लिए आप बात करने के लिए करना चाहते हैं: Understanding jQuery.Deferred and Promise