अजाक्स अनुरोधों को अनुक्रमित करना

कई वेब अनुप्रयोगों में, एक संग्रह के माध्यम से पुनरावृत्त करने और प्रत्येक तत्व के लिए एक अजाक्स अनुरोध जारी करने की आवश्यकता का सामना करना आम बात है। हालाँकि ब्राउज़र फ़्रीज़िंग से बचने के लिए एसिंक्रोनस अनुरोधों का लाभ उठाना आकर्षक है, इन अनुरोधों को प्रभावी ढंग से प्रबंधित करने से सर्वर ओवरलोड और अन्य संभावित समस्याओं को रोका जा सकता है।

jQuery 1.5

jQuery संस्करण 1.5 और उच्चतर के लिए, $. AjaxQueue() प्लगइन एक सीधा समाधान प्रदान करता है। यह प्लगइन Ajax अनुरोधों को व्यवस्थित करने और एक वादा वापस करने के लिए $.Deferred, .queue(), और $.ajax() फ़ंक्शंस का उपयोग करता है जो अनुरोध पूरा होने पर हल हो जाता है।

jQuery 1.4

jQuery के लिए 1.4 उपयोगकर्ताओं के लिए, एक वैकल्पिक दृष्टिकोण में एक खाली ऑब्जेक्ट पर एनीमेशन कतार का उपयोग करके "कतार" बनाना शामिल है। यह तकनीक सुनिश्चित करती है कि अजाक्स अनुरोधों को नियंत्रित तरीके से निष्पादित किया जाता है, यदि कतार पहले से नहीं चल रही है तो पहला अनुरोध स्वचालित रूप से शुरू हो जाता है।

उपयोग उदाहरण

निम्नलिखित कोड स्निपेट दिखाता है कि अजाक्स को कैसे लागू किया जाए $.ajaxQueue() प्लगइन का उपयोग करके कतारबद्ध होना। यह तत्वों की एक सूची के माध्यम से पुनरावृत्त करता है और प्रत्येक आइटम को अजाक्स अनुरोधों के माध्यम से एक लक्ष्य सूची में कॉपी करता है:

$("#items li").each(function(idx) {
  $.ajaxQueue({
    url: '/echo/html/',
    data: { html: "["   idx   "] "   $(this).html() },
    type: 'POST',
    success: function(data) {
      $("#output").append($("