Javascript Jquery数据表显示；表“中无可用数据”；尽管显示了数据

我正在尝试完成使用Jquery DataTables插件动态生成表的代码。 代码在一定程度上起作用，它显示数据，但在数据上方，它还显示“表中无可用数据”

从我读到的内容来看，这与表格的初始化有关，有人能看出我哪里出了问题

$(document).ready(function(){
  $('#userTable').DataTable( {
    "ordering": false,
    paging: false,
    searching: false,
    language: {
    emptyTable: "No data available in table", // 
    loadingRecords: "Please wait .. ", // default Loading...
    zeroRecords: "No matching records found"
    },
    "stripeClasses": [ 'odd-row', 'even-row' ]
  }); 
    $.ajax({
    url: 'server_processing.php',
    type: 'get',
    dataType: 'JSON',
    success: function(response){
        var len = response.length;
        for(var i=0; i<len; i++){
        var recordid = response[i].RecordID;
        var deviceid = response[i].DeviceID;
        var mediatype = response[i].MediaType;
        var screenlocation = response[i].ScreenLocation;
        var promotionname = response[i].PromotionName;
        var fromdate = response[i].FromDate;
        var fromtime = response[i].FromTime;
        var todate = response[i].ToDate;
        var totime = response[i].ToTime;
        var promotionimage = response[i].PromotionImage;
        var orientation = response[i].Orientation;

        var enddate = todate +' '+totime;
        var startdate = fromdate +' '+fromtime;
        var now = new Date();
        var nowdate =  fixDigit(now.getDay()) + '-' +fixDigit(now.getMonth() + 1) + '-' + now.getFullYear()+' ' +now.getHours() + ":" + now.getMinutes();
        // Utility function to prepend zeros to single digits:
        function fixDigit(val){
        return val.toString().length === 1 ? "0" + val : val;
    }
    var tr_str = "<tr class='TableText'>" +
    "<td style='color:#333;font-size:0.8em;'>" + promotionname + "</td>" +
    "<td  style='color:#333;font-size:0.8em;'>" + deviceid + " " + screenlocation + "</td>" +
    "<td align='center'  style='color:#333;font-size:0.8em;'>" + orientation + "</td>" +
    "<td  style='color:#333;font-size:0.8em;'>" + promotionimage + "</td>" +
    "<td  align='center'  style='color:#333;font-size:0.8em;'>" + mediatype + "</td>" +
    "<td  style='color:#333;font-size:0.8em;'>" + fromdate + "</td>" +
    "<td  style='color:#333;font-size:0.8em;'>" + todate + "</td>"
    if( (new Date(startdate).getTime() > new Date(nowdate).getTime()))      {
        tr_str += "<td align='center' style='color:#333;font-size:0.8em;' class='Active'>Active</td>";
            } else {
        tr_str += "<td align='center' style='color:#333;font-size:0.8em;' class='Scheduled'>Scheduled</td>";
    }
    tr_str += "<td align='center'  style='color:#333;font-size:0.8em;'><input type='button' name='edit' value='Edit' id=" + (i+1) + " class='btn btn-info btn-xs btn-block edit_data'></td>" +
    "</tr>";
    $("#userTable tbody").append(tr_str);
    }
    }
    });
});

$（文档）.ready（函数（）{
$（'#userTable'）。数据表（{
“命令”：错误，
分页：false，
搜索：假，
语言：{
emptyTable:“表中无可用数据”，//
加载记录：“请稍候…”，//默认加载。。。
zeroRecords:“未找到匹配的记录”
},
“stripeClasses”：[‘奇数行’、‘偶数行’]
}); 
$.ajax({
url:'server_processing.php'，
键入：“get”，
数据类型：“JSON”，
成功：功能（响应）{
var len=响应长度；
对于（var i=0；i新日期（nowdate.getTime（））{
tr_str+=“活动”；
}否则{
tr_str+=“计划”；
}
tr_str+=“”+
"";
$（“#userTable tbody”）.append（tr#u str）；
}
}
});
});

---

非常感谢您的帮助和时间。

这是因为您在添加内容时没有删除以前的内容，“无数据”信息是一行，因此您应该在循环之前清除它：

success: function(response){
        var len = response.length;
        $("#userTable tbody").html("");
        for(var i=0; i<len; i++){
            var recordid = response[i].RecordID;
            var deviceid = response[i].DeviceID;

成功：功能（响应）{
var len=响应长度；
$（“#userTable tbody”）.html（“”）；
对于（var i=0；i