使用JQuery对多个ajax请求串行执行

 

HTML代码：

 

<a href="#">Click me!</a>

 

<div></div>

 

JS:

 

function GetSomeDeferredStuff（） {

 

    var deferreds = [];

 

    var i = 1;

 

    for （i = 1; i <= 10; i++） {

 

        var count = i;

 

        deferreds.push（

 

        $.post（'/echo/html/', {

 

            html: "<p>Task #" + count + " complete.",

 

            delay: count

 

        }）。success（function（data） {

 

            $（"div"）。append（data）;

 

        }））;

 

    }

 

    return deferreds;

 

}

 

$（function（） {

 

    $（"a"）。click（function（） {

 

        var deferreds = GetSomeDeferredStuff（）;

 

        $.when.apply（null, deferreds）。done（function（） {

 

            $（"div"）。append（"<p>All done!</p>"）;

 

        }）;

 

    }）;

 

}）;

 

方法类似于Node.js，使用promise defer模式将所有的ajax请求放到一个数组里，然后通过$.when.apply（）。done（）将所有ajax请求依次执行。