记一次错误经历,折磨了我一天,万恶的DataTable和粗心的自己
在我们使用DataTable时,经常会有这个需求:在页面初始化时,需要通过DataTable来向后台请求数据。同时为了实现搜索功能,也需要用这个插件来向后台的不同链接来发起ajax请求。这些需求通过DataTable来实现的话,通常会遇到两个问题:
1、对同一个table发起请求,会引起datatables重复初始化报错,即Warning: Cannot reinitialise DataTable
2、dataTables不能直接发起第二次请求,或者发起第二次请求之后不能发起第三次请求,或者发起其他请求时无法更改链接或携带参数
对于第一个问题,网上的解决方法很统一,几乎都是把几个参数改成True之类的,有的确实有用,但是大部分都是扯淡,少数参数的变动就算成功了也没办法保证第三次的成功。
我查了很多资料后发现,最靠谱的是这个方法:在每次发起请求时,都加上这么一句函数。
if ($.fn.dataTable.isDataTable('#dataTable'))
{
// 获取这个表
_table = $('#dataTable').DataTable();
// 把这个表销毁掉
_table.destroy();
}
这样的话就能彻底消灭掉Cannot reinitialise DataTable
对于第二个问题,网上的骚操作更是一大堆,什么乱七八糟的方法都有。具体的我就不说