javascript - 从多个表加载后触发事件

Question

我正在构建一个 jquery/ajax 应用程序，它使用 json 从数据库中的多个表中读取数据。

我想在触发 document.ready 事件时加载所有数据，然后在完成时更新页面内容。

我一直在为各个表使用回调，但不确定如何将其中的几个串在一起，即。仅在加载所有数据时触发页面更新。

例如。 Document.Ready -> 请求表 1 和表 2 -> 当两者都已检索时刷新页面。

这种方法是否有标准模式？

谢谢

Answer 1

您不必使用自定义绑定(bind)事件/触发器，尽管您可以。只有当事件与元素相关时，我才会这样做。

你可以这样做:

$(function(){
    var successCount = 0;

    function success(response, status){
        if(status == "success" && (++successCount == 2)) // 2 success completed 
            dataready(); // call dataready
    };

    function dataready(){
        alert('data ready')
    };

    $('#table1').load('/url/1', success);
    $('#table2').load('/url/2', success);
});