javascript - jQuery 通过 1 次调用重新加载多个数据表

Question

我在同一页面上有 2 个数据表。我正在使用 reload 来重新加载它们:

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

但这会导致 2 个对服务器的 ajax 调用。服务器已在两次调用中返回两个表的数据。如何组合多次重新加载，以便仅调用 1 次即可更新两者？

Answer 1

1. 创建 JSON 调用
2. 并在一次 ajax 调用中发送这两个内容。
3. 成功后，获取这两个数据并初始化数据表。

示例:

// Use the Fetch Api (no library)
fetch('/your/path').then(function(data) {
      $('.table1').html(data.table1);
      $('.table2').html(data.table2);
      //now initialise the tables
});

// Or use jQuery (better support)
$.ajax({
  method: 'POST',
  url: '/your/path',
  data: {}
})
  .done(function( data ) {
    $('.table1').html(data.table1);
    $('.table2').html(data.table2);
  });