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注入方法详解
下一篇:没有了
编程语言
- jQuery使用DataTable实现删除数据后重新加载功能
- PHP中防止SQL注入方法详解
- jsp、css中引入外部资源相对路径问题分析
- JS异常处理try..catch语句的作用和实例
- php实现保存submit内容之后禁止刷新
- thinkphp中空模板与空模块的用法实例
- Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
- SQL语句去掉重复记录,获取重复记录
- Sql Server如何查看被锁的表及解锁的方法
- 详解JSP中使用过滤器进行内容编码的解决办法
- JS无缝滚动效果实现方法分析
- 基于bootstrap页面渲染的问题解决方法
- php+mysqli数据库连接的两种方式
- javascript文本模板用法实例
- 微信小程序显示下拉列表功能【附源码下载】
- 微信小程序input框中加入小图标的实现方法