jquery - 等待函数内的 ajax 请求 : $. 延迟？ $.什么时候？ 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()。

此外，当 $.ajax 已返回一个 Promise 时，无需创建新的 Promise

因此，在 action() 中，您可以执行以下操作:

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

    var myAjaxCall = ajaxCall();

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