欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

datatables报Requested unknown...错误

程序员文章站 2022-06-14 10:26:27
...

首先,datatables.net/tn/4问题为什么会出现,原因有两个:
1、传入的data值为空;
2、传入的data数据结构和想要的不一样。
第二种好解决,只要我们把数据类型匹配好就行。但是第一种有一个地方比较坑,datatables在传入值为空的时候是有默认值得,会显示
“No data available in table”.
问题就出现在这里,项目里面有这样一个操作:

    $('#a').dataTable().fnClearTable(); //清空原来的数据 
    $('#a').dataTable().fnAddData(data); //添加新数据

这个时候data为null的时候就会抛datatables.net/tn/4错误。查看其源码发现datatables判断是否为空的代码为:

if ( aiDisplay.length !== 0)
{
......//不为空
}
else{
.....//为空
}

aiDisplay是[0],[0,1],[0,1,2]这样的数组,也就是说表里有几行数据就会有几个数。
而$(‘#a’).dataTable().fnClearTable();执行之后,表里数据被清空之后,会加上一个默认行:”No data available in table”。导致aiDisplay为[0]而不为[]。
所以就报错了。
这时我只需这么修改就可以了:

$('#a').dataTable().fnClearTable();
if(data.length!==0)    
     $('#a').dataTable().fnAddData(data);
相关标签: datatables