等待函数内的 ajax 请求： $.Deferred ？ $. 什么时候？ jQuery

Question

如何等到 ajax 在延迟函数中完成？示例：

    function action() {
        console.log('action is called');

        var deferred = $.Deferred();

        console.log('do some actions...');

        //Wait until the ajax is completed and continue script
        var myAjaxCall = ajaxCall();

        //Execute te next scripts only after the ajax done

        console.log('do some actions...');

        return deferred.promise();
    }


    function ajaxCall() {
        console.log('ajaxCall is called');

        return $.ajax('url').then(function() {
            console.log('success  ajaxCall');
        });
    }

    action().then(function () {
        console.log('after action is done and ajaxCall is done');
    });

问题是他的函数必须等到里面的ajax被调用并完成并继续其他脚本。

谢谢。

Answer 1

你可以链接 promise then()'s。

当$.ajax已经返回一个时，也不需要创建一个新的promise

所以在action() 中，你可以执行以下操作：

 function action() {
    console.log('action is called'); 

    var myAjaxCall = ajaxCall();

     return myAjaxCall.then(function(result){
        // do stuff here after ajax is successfull  
     });
}