Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在不重新加载页面的情况下刷新数据表(jquery插件)_Jquery_Ajax_Datatable - Fatal编程技术网

如何在不重新加载页面的情况下刷新数据表(jquery插件)

如何在不重新加载页面的情况下刷新数据表(jquery插件),jquery,ajax,datatable,Jquery,Ajax,Datatable,请帮帮我,我是个新手 我有个问题 在datatables网格中的每一行数据上,我都有删除数据的按钮。 当我单击“删除”按钮时,该行的数据将被删除 问题是,我可以在不重新加载页面的情况下刷新数据表吗? 因此,当我单击delete按钮时,行数可以减少,而无需重新加载页面 这是我的代码:(仅供参考,我的数据表id为:id=“mydatatable”) 每行数据上的html删除按钮: ------------------------------------- 删除 javascript: -------

请帮帮我,我是个新手 我有个问题

在datatables网格中的每一行数据上,我都有删除数据的按钮。 当我单击“删除”按钮时,该行的数据将被删除

问题是,我可以在不重新加载页面的情况下刷新数据表吗? 因此,当我单击delete按钮时,行数可以减少,而无需重新加载页面

这是我的代码:(仅供参考,我的数据表id为:id=“mydatatable”)

每行数据上的html删除按钮: ------------------------------------- 删除 javascript: ----------- 删除(id) { delete_ajax(id);//使用ajax删除数据 window.location.reload()//重新加载页面,这就是我要更改的内容 //(只刷新datatable网格而不重新加载页面) }
非常感谢:)

如果您的
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' );