Javascript jQuery使用1个调用重新加载多个数据表

我在同一页上有两个数据表。我正在使用“重新加载”来重新加载它们，如下所示：

setInterval( function () {
    jQuery('#tablepress-1').DataTable().ajax.reload();
    jQuery('#tablepress-2').DataTable().ajax.reload();
}, 30000 );

但这会导致对服务器的两个ajax调用。服务器已在两个调用中返回两个表的数据。如何组合多个重新加载，以便只进行一次调用来更新这两个

创建一个JSON调用

并在一个ajax调用中发送这两个内容

成功后，获取两个数据并初始化数据表

例如：

//使用获取Api（无库）
获取（'/your/path'）。然后（函数（数据）{
$（'.table1'）.html（data.table1）；
$（'.table2'）.html（data.table2）；
//现在初始化表格
});
//或者使用jQuery（更好的支持）
$.ajax({
方法：“POST”，
url:“/your/path”，
数据：{}
})
.完成（功能（数据）{
$（'.table1'）.html（data.table1）；
$（'.table2'）.html（data.table2）；
});

创建一个JSON调用

并在一个ajax调用中发送这两个内容

成功后，获取两个数据并初始化数据表

例如：

//使用获取Api（无库）
获取（'/your/path'）。然后（函数（数据）{
$（'.table1'）.html（data.table1）；
$（'.table2'）.html（data.table2）；
//现在初始化表格
});
//或者使用jQuery（更好的支持）
$.ajax({
方法：“POST”，
url:“/your/path”，
数据：{}
})
.完成（功能（数据）{
$（'.table1'）.html（data.table1）；
$（'.table2'）.html（data.table2）；
});

回答得很好！可以通过一些示例代码进行改进：）//一些粗略的sketchFetch（yourpath）。然后（函数（data）{$（'.table1'）.html（data.table1）；$（'table2'）.html（data.table2）；//现在初始化表}）//粗略的素描，从手机发送。回答得很好！可以通过一些示例代码进行改进：）//一些粗略的sketchFetch（yourpath）。然后（函数（data）{$（'.table1'）.html（data.table1）；$（'table2'）.html（data.table2）；//现在初始化表}）//草图，从手机发送。