如何在不刷新页面的情况下重新加载数据表，保留页面并筛选搜索(如果存在)

Question

我正在使用datatable插件来显示数据库中的数据，表格看起来像：

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

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

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

Answer 1

您可以使用：

table.ajax.reload(null, false);

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

有关详细信息，请参阅： https://datatables.net/reference/api/ajax.reload((

Answer 2

如果将 XHR 数据源与 DataTable 一起使用：

// 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 回调中添加/编辑/删除行后在刷新按钮下重新加载。