jQuery.when().done()

最新推荐文章于 2022-01-06 14:07:10 发布

weixin_30654583

最新推荐文章于 2022-01-06 14:07:10 发布

阅读量696

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lyxy/p/6297384.html

本文介绍了如何在使用jQuery.when()方法时确保异步操作完成后才执行done回调。通过将外部声明的方法转换为一个Deferred对象并利用其resolve方法来控制执行流程。

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

在使用jQuery.when()调用外部声明方法时，如果方法不为Deferred(延时)对象，则done会立即执行，所有需要在调用的方法声明一个var deferred = $.Deferred();以达到执行完调用的方法后再执行done。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery when done</title>
<script src="../jquery/jquery.min.js"></script>
</head>
<body>
    
<script>
$(function () { 
    var ajaxGetData = function(){
        //声明延时对象
        var deferred = $.Deferred();
        $.ajax({
            url: '',
            type: 'get',
            dataType: 'json',
            data:{},
            success:function(data){
                alert("执行when成功，下一步才执行done");
                //成功获取返回值后，调用resolve表示操作成功，才会执行done方法
                deferred.resolve();
            },
            error:function(){
                alert("操作异常");
            }
        });
        return deferred;
    }
    $.when(
        ajaxGetData()
    ).done(
        function() {
            alert("执行done成功"); 
        } 
    );
})
</script>
 
</body>
</html>