jQuery使用DataTable实现删除数据后重新加载功能

网络编程 2025-03-24 09:45www.168986.cn编程入门

解决策略:首先销毁当前的datatable,然后重新渲染。

通过Ajax获取数据并使用artTemplate进行渲染:

```javascript

var dttable;

App.globalAjax("get", "/Order/MyJsonList", {}, function (result) {

var html = template('Orders-template', result);

$("datatable1").find("tbody").html(html);

dt = $('datatable1').dataTable({

"sPaginationType": "bs_full"

});

});

```

接下来,执行删除操作并重新加载渲染table:

```javascript

App.globalAjax("post", "/Order/DeleteOrder", data, function (result) {

var newHtml = template('Orders-template', newResult); // 使用新的数据渲染模板生成新的HTML结构

if ($('datatable1').hasClass('dataTable')) { // 检查是否已存在datatable实例

dttable.fnDestroy(); // 销毁当前的datatable实例,以便重新初始化时不会累加数据

}

$('datatable1').dataTable(); // 重新初始化datatable,这将触发重新渲染和显示新数据

});

});

上一篇:PHP中防止SQL注入方法详解 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by