JQuery多个异步操作后执行（resolve，promise，when，done）

最新推荐文章于 2024-07-26 03:27:40 发布

weixin_30780221

最新推荐文章于 2024-07-26 03:27:40 发布

阅读量560

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kandyvip/p/10948902.html

此博客进行代码分享，转载自https://www.cnblogs.com/kandyvip/p/10948902.html ，涉及JavaScript相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码分享：

//3秒后完成
function asyncThing1() {
    var dfd = $.Deferred();
    setTimeout(function () {
        alert('asyncThing1 seems to be done...');
        dfd.resolve('111');
    }, 3000);
    return dfd.promise();
}
//5秒后完成
function asyncThing2() {
    var dfd = $.Deferred();
    setTimeout(function () {
        alert('asyncThing2 seems to be done...');
        dfd.resolve('222');
    }, 5000);
    return dfd.promise();
}
//1秒后完成
function asyncThing3() {　　
    var dfd = $.Deferred();
    setTimeout(function () {
        alert('asyncThing3 seems to be done...');
        dfd.resolve('333');
    }, 1000);
    return dfd.promise();
}
//全部完成后
$.when(asyncThing1(), asyncThing2(), asyncThing3()).done(function (res1, res2, res3) {
    alert('all done!');
    alert(res1 + ', ' + res2 + ', ' + res3);
})