,可以按照以下步骤进行操作:
<table id="myTable" class="display" style="width:100%"></table>
$(document).ready(function() {
var table = $('#myTable').DataTable({
// 配置参数
// ...
});
});
$.ajax({
url: '插入数据的接口地址',
method: 'POST',
data: {
// 插入数据的参数
// ...
},
success: function(response) {
// 插入成功后的回调函数
// ...
// 重新绘制DataTables
var table = $('#myTable').DataTable();
table.draw();
},
error: function(error) {
// 处理错误情况
// ...
}
});
在上述代码中,通过ajax发送插入数据的请求,并在成功回调函数中重新绘制DataTables。首先获取DataTables实例,然后调用draw()
方法重新绘制表格,以显示最新的数据。
这样,当插入数据成功后,DataTables会重新加载数据并重新渲染表格,实现了在ajax上成功插入后重新绘制jquery datatable的功能。
关于DataTables的更多详细信息和使用方法,你可以参考腾讯云的产品介绍页面:DataTables - 腾讯云。
领取专属 10元无门槛券
手把手带您无忧上云