首頁猿問對ajax請求進行排序

對ajax請求進行排序

JavaScript JQuery

慕哥6287543 2019-07-26 14:43:53

對ajax請求進行排序我發(fā)現(xiàn)有時我需要迭代一些集合并為每個元素進行ajax調(diào)用。我希望在轉(zhuǎn)移到下一個元素之前返回每個調(diào)用，這樣我就不會向服務器發(fā)送請求 - 這通常會導致其他問題。我不想將異步設(shè)置為false并凍結(jié)瀏覽器。通常這涉及設(shè)置某種迭代器上下文，我逐步通過每個成功回調(diào)。我認為必須有一個更簡潔的方式嗎？有沒有人有一個聰明的設(shè)計模式，如何通過一個集合為每個項目制作ajax調(diào)用整齊地工作？

查看完整描述

3 回答

人到中年有點甜

TA貢獻1895條經(jīng)驗獲得超7個贊

使用延期承諾的快速小解決方案。雖然這使用jQuery $.Deferred，但任何其他人都應該這樣做。

var Queue = function () {
    var previous = new $.Deferred().resolve();

    return function (fn, fail) {
        return previous = previous.then(fn, fail || fn);
    };};

用法，調(diào)用創(chuàng)建新隊列：

var queue = Queue();// Queue empty, will start immediatelyqueue(function () {
    return $.get('/first');});// Will begin when the first has finishedqueue(function() {
    return $.get('/second');});

請參閱示例，并對異步請求進行并排比較。

反對回復 2019-07-26

慕俠2389804

TA貢獻1719條經(jīng)驗獲得超6個贊

理想情況下，一個具有多個入口點的協(xié)程，因此從服務器回調(diào)的每個回調(diào)都可以調(diào)用相同的協(xié)程。該死的，這將在Javascript 1.7中實現(xiàn)。

讓我嘗試使用閉包......

function BlockingAjaxCall (URL,arr,AjaxCall,OriginalCallBack){    
     var nextindex = function()
     {
         var i =0;
         return function()
         {
             return i++;
         }
     };

     var AjaxCallRecursive = function(){
             var currentindex = nextindex();
             AjaxCall
             (
                 URL,
                 arr[currentindex],
                 function()
                 {
                     OriginalCallBack();
                     if (currentindex < arr.length)
                     {
                         AjaxCallRecursive();
                     }
                 }
             );
     };
     AjaxCallRecursive();    }// suppose you always call Ajax like AjaxCall(URL,element,callback) you will do it this wayBlockingAjaxCall(URL,myArray,AjaxCall,CallBack);

反對回復 2019-07-26