码迷,mamicode.com
首页 > Web开发 > 详细

JQuery使用deferreds串行多个ajax请求

时间:2016-08-22 10:46:48      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

  使用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中的q,使用promise defer模式将所有的ajax请求放到一个数组里,然后通过$.when.apply().done()将所有ajax请求依次执行。

JQuery使用deferreds串行多个ajax请求

标签:

原文地址:http://www.cnblogs.com/jaxu/p/5794576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!