我已经看到很多关于此问题的stackoverflow问题,但没有一个答案对我有用。
我有一个在<script>
</script>
标签内的模板上初始化的DataTable,但处理ajax调用的JS函数位于不同的文件中,并在页面加载时加载。
我有数据作为JSON对象进入ajax函数,我也用我从JSON对象获取的数据替换表的行,但是数据表的一部分没有刷新(例如:如果行删除,表格为空,不显示空信息。)
如何在ajax成功内部对数据表进行刷新/重新初始化?我被指出here,但文档在那里真的很模糊,并没有多大帮助。
这是我的代码:
leads.html
$(document).ready(function()
{
$('#leads_table').DataTable( {
"bInfo": false,
"language": {
"emptyTable": "There are no leads yet"
}
});
})
Ajax的JS函数:
$.ajax({
url: form.attr("action"),
data: form.serialize(),
type: form.attr("method"),
dataType: 'json',
success: function (data)
{
$('#leads_table').DataTable({...}) // Tried this, but complains about a duplicate initialization
//How do I refresh here?
$("#leads_table tbody").html(data.html_leads_list);
}
})