如何重新加载数据表保持页面和过滤搜索（如果存在）而不刷新页面？

Question

我使用dataTable插件显示来自数据库的数据，该表如下所示：

name   location     actions
jack   New York   Edit , Delete
john   London     Edit , Delete
...    ...        Edit , Delete

添加/编辑/删除功能运行良好，但我必须刷新页面才能看到结果。

如何重新加载表，但保留以前的参数，如页面和搜索是否存在？

Answer 1

您可以使用：

table.ajax.reload(null, false);

第二个参数是resetPaging，如果为true，则将数据表重置为默认值，如果为false，则将保留当前分页位置。第一个参数是回调函数。

有关更多信息，请参见：https://datatables.net/reference/api/ajax.reload()

Answer 2

如果使用带有DataTables的XHR数据源：

// Init DataTables with XHR source
var table = $('#myTable').DataTable({
  ajax: "my/xhr/data/source"
});

// Reload the table every 30 seconds 
setInterval( function () {
  table.ajax.reload();
}, 30000);

当然，在XHR回调中添加/编辑/删除行后，您可以在刷新按钮下重新加载。