如何在不重新加载页面的情况下刷新数据表（jquery插件）答案

【问题标题】：how to refreshing datatables (jquery plug in) without reload page如何在不重新加载页面的情况下刷新数据表（jquery插件）
【发布时间】：2011-08-17 18:37:18
【问题描述】：

请帮帮我，我是新手我对datatables (jquery plug in) 有疑问。

在数据表网格中的每一行数据处，我都有删除数据的按钮。当我单击删除按钮时，该行的数据被删除。

问题是，我可以在不重新加载页面的情况下刷新数据表吗？所以当我点击删除按钮而不重新加载页面时，行可以减少。

这是我的代码：（仅供参考，我的 datatble 表 ID 是：id="mydatatable"）

html delete button on each rows data:
-------------------------------------

<button onclick="delete('id')">Delete</button>


javascript:
-----------

delete(id)
{
    delete_ajax(id);            //deleting data using ajax

    window.location.reload()    //reloading page, this what i want to change 
                                //(just refresh datatable grid without reload the page)
}

非常感谢:)

【问题讨论】：

标签： jquery ajax datatable

【解决方案1】：

如果您的 delete_ajax() 函数正在处理业务逻辑，并且如果您想删除当前行，您可以使用 $('rowobject').hide(). 轻松删除该行

【讨论】：

这里我假设您使用 jQuery 进行 javascript 处理，因为您在标签中使用了 jquery。 $('rowobject') 是当前行的对象

【解决方案2】：

看看 api。您应该能够在您的数据表对象上调用 fnDeleteRow。

http://www.datatables.net/api

【讨论】：

实际上我不仅需要删除，还需要添加和编辑。所以也许我需要刷新数据表:)
点击进入链接的文档。有 fnAddData 和 fnUpdate 可能会满足您的需求。

【解决方案3】：

这是快速刷新表格的众多方法之一

const table=$("table.datatable").dataTable();
table.fnPageChange("first",1);

【讨论】：

【解决方案4】：

这样就可以了 ->

oTable.fnDraw(false);

你可以这样打电话

     setInterval(function ref(){
    oTable.fnDraw(false);
    },8000);

【讨论】：

【解决方案5】：

如果只想重新加载当前页面数据，可以使用此代码。

table.ajax.reload();

请参考这个DataTable ajax.reload()

【讨论】：

【解决方案6】：

我们可以使用 DataTable API。

var currentPage = ListTable.page();

ListTable.page(0).draw( 'page' );

【讨论】：