如何在不重新加载页面的情况下刷新数据表(jquery插件)
请帮帮我,我是个新手 我有个问题 在datatables网格中的每一行数据上,我都有删除数据的按钮。 当我单击“删除”按钮时,该行的数据将被删除 问题是,我可以在不重新加载页面的情况下刷新数据表吗? 因此,当我单击delete按钮时,行数可以减少,而无需重新加载页面 这是我的代码:(仅供参考,我的数据表id为:id=“mydatatable”) 每行数据上的html删除按钮: ------------------------------------- 删除 javascript: ----------- 删除(id) { delete_ajax(id);//使用ajax删除数据 window.location.reload()//重新加载页面,这就是我要更改的内容 //(只刷新datatable网格而不重新加载页面) }如何在不重新加载页面的情况下刷新数据表(jquery插件),jquery,ajax,datatable,Jquery,Ajax,Datatable,请帮帮我,我是个新手 我有个问题 在datatables网格中的每一行数据上,我都有删除数据的按钮。 当我单击“删除”按钮时,该行的数据将被删除 问题是,我可以在不重新加载页面的情况下刷新数据表吗? 因此,当我单击delete按钮时,行数可以减少,而无需重新加载页面 这是我的代码:(仅供参考,我的数据表id为:id=“mydatatable”) 每行数据上的html删除按钮: ------------------------------------- 删除 javascript: -------
非常感谢:)如果您的
delete_ajax()
函数正在处理业务逻辑,并且如果您想删除当前行,您可以使用$('rowobject').hide()轻松删除该行。
请查看api。您应该能够在datatables对象上调用fnDeleteRow
这是快速刷新表格的多种方法之一
table=$("table.datatable").dataTable();
table.fnPageChange("first",1);
这将达到目的-> 可旋转。fnDraw(假) 你可以这样打电话
setInterval(function ref(){
oTable.fnDraw(false);
},8000);
如果只想重新加载当前页面数据,可以使用此代码
table.ajax.reload();
请参阅此我们可以使用DataTable API
var currentPage = ListTable.page();
ListTable.page(0).draw( 'page' );
这里我假设您使用jQuery进行javascript处理,就像您在标记中使用jQuery一样$('rowobject')是当前行的对象实际上我不仅需要删除,还需要添加和编辑。所以我可能需要刷新数据表:)点击链接文档。有fnAddData和FNDUPDATE,它们可能适合您的需要。
var currentPage = ListTable.page();
ListTable.page(0).draw( 'page' );