DataTables -warning:Cannot reinitialise DataTable报错解决方法

最近在给学校的实训项目寻找一个比较好的前端列表框架，找到了DataTables(datatables.net)，按照官方的文档敲出了一份静态的DataTables，比较厉害的是其自带分页以及升降序。

当然作为一个优秀的列表框架，必然要经受得住ajax新data的导入以及信息替换，然而在ajax获取到后台数据并.html后又UiTables.init();   出现如下报错：

DataTables warning: table id=example-datatable – Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3

度娘了与此问题相关的回答之后，发现都牛头不对马嘴，且方法都不适用。打开帮助文档(https://datatables.net/manual/tech-notes/3)

 

官方解释：

知道原因之后，对代码作出如下修改：

<script>
$.ajax({
url: "/*****",
data: {},
success: function (data) {

$('#example-datatable').DataTable().destroy();
//获取到datatable实例并将其破坏
$("#tbody").html(text);
//替换内容
UiTables.init();
//重新部署
}
});
</script>

OK，正常运行了