等到三个ajax调用已解决为触发功能(延迟？)

Question

我需要等到三个ajax调用完成,直到另一个函数开始.我已尝试使用jquery延迟承诺https://api.jquery.com/deferred.promise/但我的作业在加载延迟数据之前返回.我需要在激活函数之前强制完成这三个ajax调用.我没有被限制使用延迟,这似乎是合乎逻辑的方式.

我正在使用数据表,并且在将数据加载到数据表之前需要完成ajax调用.

"ajax":{
        "url": API_ROOT + "jobs?available=true&max_results=500",
        "dataSrc": function(data){
            function all_loaded(){
                var dfd = $.Deferred();
                var mats_loaded, fins_loaded, pros_loaded;
                setTimeout(function(){
                $.ajax({
                    url: API_ROOT + "finishes?max_results=500",
                    dataType: 'json',
                    error: function(){
                        console.log("Error getting finishes");
                    },
                    success: function(data){ 
                        finishes = data._items;
                        fins_loaded = true;
                        check_all_loaded();
                    }
                });
                },2000);
?
                $.ajax({
                    url: API_ROOT + "processes?max_results=500",
                    dataType: 'json',
                    error: function(){
                        console.error("Error getting processes");
                    },
                    success: function(data){ 
                        processes = data._items;
                        pros_loaded = true;
                        check_all_loaded();
                    }
                });
?
                $.ajax({
                    url: API_ROOT + "materials?max_results=500",
                    dataType: 'json',
                    error: function(){
                        console.log("Error getting materials");
                    },
                    success: function(data){ 
                        materials = data._items;
                        mats_loaded = true;
                        check_all_loaded();
                    }
                });
?
                check_all_loaded = function(){
                    if (mats_loaded && fins_loaded && pros_loaded){
                        dfd.resolve("Loaded");
                    }
                }
?
                return dfd.promise();
            }
?
            $.when( all_loaded()).then(function(){
                var jobs = data._items;
                //a bunch of other stuff
                return jobs;
            });
        }
    }

.when最终会触发,这不是问题,问题是.when没有为数据返回任何内容,因为Ajax调用尚未完成.从本质上讲,我们需要.when停止执行所有js,直到promise被解决.

对于长代码很抱歉,我只想完成并想要注意我有三个单独的Ajax调用.谢谢你的想法.

Answer 1

你可以使用$ .when并传递你需要等待的所有ajax调用.

例:

var ajax1 = $.ajax(..)
var ajax2 = $.ajax(..)
var ajax3 = $.ajax(..)
$.when(ajax1, ajax2, ajax3).then(function(){
 oncomplete code here...
});