Javascript 为什么datatable要添加新记录并保留旧记录?
我正在使用用于jquery的datatable插件。加载页面时,datatable为空。用户单击特定按钮后,它会生成一个XMLHttpRequest,从数据库返回数据,然后我将该数据添加到datatable(使用函数Javascript 为什么datatable要添加新记录并保留旧记录?,javascript,jquery,datatables,frontend,Javascript,Jquery,Datatables,Frontend,我正在使用用于jquery的datatable插件。加载页面时,datatable为空。用户单击特定按钮后,它会生成一个XMLHttpRequest,从数据库返回数据,然后我将该数据添加到datatable(使用函数drawDataTable)。如果我做一个请求,一切都好 每次我执行另一个请求时,datatable都会保留旧的请求并添加新的请求。这将导致数据重复的行 代码如下: 函数drawDataTable(pData){ log(“调用drawDataTable!!!”; //更改显示 d
drawDataTable
)。如果我做一个请求,一切都好
每次我执行另一个请求时,datatable都会保留旧的请求并添加新的请求。这将导致数据重复的行
代码如下:
函数drawDataTable(pData){
log(“调用drawDataTable!!!”;
//更改显示
document.getElementById(“dataTableCard”).style.display=“block”;
//销毁旧的已安装表并创建新表
/*var dataTable=document.querySelector(“dataTable.tableBody”);
htmlChildsRemover(数据表)*/
var table=$('#dataTable')。dataTable();
表1.destroy();
变量表=$('#dataTable')。dataTable({
“滚动”:“400px”,
“分页”:false
});
变量p1=pData['p1'];
变量p2=pData['p2'];
var p3=pData['p3'];
var p4=pData['p4'];
var p5=pData['p5'];
var p6=pData['p6'];
//添加行
$('#addRows')。在('单击',函数()上){
用于(p1中的变量idxT){
table.row.add([
p1[idxT],
p2[idxT],
p3[idxT],
p4[idxT],
p5[idxT],
p6[idxT]
]).抽签(假);
}//结束
});
//自动添加行
$(“#添加行”)。单击();
}//drawDataTable
数据表示例
p1
p2
p3
p4
p5
p6
p1
p2
p3
p4
p5
p6
我认为您必须在添加行之前添加table.clear()
:
table.clear(); <<<<<here
for (var idxT in p1) {
table.row.add([
p1[idxT],
p2[idxT],
p3[idxT],
p4[idxT],
p5[idxT],
p6[idxT]
]).draw(false);
} //endFor
table.clear();