Javascript 为什么datatable要添加新记录并保留旧记录?

Javascript 为什么datatable要添加新记录并保留旧记录?,javascript,jquery,datatables,frontend,Javascript,Jquery,Datatables,Frontend,我正在使用用于jquery的datatable插件。加载页面时,datatable为空。用户单击特定按钮后,它会生成一个XMLHttpRequest,从数据库返回数据,然后我将该数据添加到datatable(使用函数drawDataTable)。如果我做一个请求,一切都好 每次我执行另一个请求时,datatable都会保留旧的请求并添加新的请求。这将导致数据重复的行 代码如下: 函数drawDataTable(pData){ log(“调用drawDataTable!!!”; //更改显示 d

我正在使用用于jquery的datatable插件。加载页面时,datatable为空。用户单击特定按钮后,它会生成一个XMLHttpRequest,从数据库返回数据,然后我将该数据添加到datatable(使用函数
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();