只有当另一个javascript/jquery完成时才执行函数 - execute function only when another has finished javascript/jquery

execute function only when another has finished javascript/jquery

我有一个连续运行的应用程序，并在需要时自我更新。它使用ajax调用一个php文件，该文件将检查数据库中的一些数据，如果它发生了变化，那么我们将更新屏幕。php似乎工作得很好，它的js，我有一个问题。

$(document).ready(function () {
    $('.trade_window').load('signals.php?action=init', setInterval(function () {
        for(var i = 1; i < 6; i++) {
            console.log('market_name_' + i + " is " + $('.market_name_' + i).text().trim());
            $.ajax({
                url: 'signals.php?action=check&param=' + JSON.stringify({
                    'market_number': i,
                    'market_name': ('.trade_window .market_name_' + i).text().trim(),
                    'trade_type': $('.trade_window .status_' + i).text().trim(),
                    'trade_start_price': '1.1234',
                    'trade_open_time': '18:21:02'
                }),
                type: 'GET',
                success: function (result) {
                    if(result.trim() === "false") {
                        console.log("RESULT IS " + result.trim());
                    } else {
                        $('.trade_window #market_1').html(result);
                        setTimeout(function () {
                            // This is to make it a little more visible 
                            console.log(" ");
                            console.log(" ");
                            console.log("PAUSE!!!!");
                            console.log(" ");
                            console.log(" ");
                        }, 5000);
                    }
                }
            });
        };
    }, 2000));
});

那么，在应用程序中发生的事情是有6个元素(div)在这些元素中我们有一些信息，这些与DB上的数据进行比较，如果它们不同，则需要显示DB信息。

现在上面的脚本检查每个元素，然后更新，如果需要的话，问题是ajax调用是在后台完成的，所有其他的东西都是在我们等待ajax调用完成的时候执行的，所以当他们完成的时候循环是在最后，所以只有元素6将被更新，即使元素1,2,3,4或5被改变。

我能做些什么来改变这个?是否有一个js/jquery方法，可以用来检查是否PHP文件已完成加载?

感谢您的宝贵时间。

收集您的$.ajax调用的延迟(承诺)返回值:

var def = [];
for (var i = 1; i < 6; ++i) {
    def[i - 1] = $.ajax({ ... });
}

，然后在循环外使用$.when()等待它们全部完成:

$.when.apply($, def).done(function(r1, r2, r3, ...) {
    ...
});