javascript - jquery 数据表中第 0 行请求未知参数 1

Question

我有下面的代码用于在我的 spring mvc 项目中生成 jquery 数据表。但我加载页面时，JavaScript 抛出了一些警告。

 var sTable = $('#tblKeyDetails').dataTable({
            "aoColumns" : [ null,null, null,null],
            "sPaginationType" : "full_numbers",
        });
    $.ajax({
            dataType : 'json',
            type : 'GET',
            url : 'getKeyDetails.html',
            data :({
                form : $('#ddlKeyStatus').val()
            }),
            beforeSend : function() {
                //startPreloader();
            },
            complete : function() {
                //stopPreloader();
            },
            success : function(data) {
                sTable.fnClearTable();
                  $.each(data, function(index,item) {
                     var rowCount = index+1;
        sTable.fnAddData( [ '<label align="center">'+rowCount+'</label>',
                                         item['key'], 
                                         item['date'], 
                                         item['userEmail']
                                         ]);
                    });

            }
        });

响应对象包含

date: null
deviceId: null
id: 3
key: "DQAIYLFFDVFG"
userEmail: null
userId: 0

Answer 1

更改此:

sTable.fnAddData( [ '<label align="center">'+rowCount+'</label>',
                                         item['key'], 
                                         item['date'], 
                                         item['userEmail']
                                         ]);

至

sTable.fnAddData( [ '<label align="center">'+rowCount+'</label>',
                                         item['key']!=null ? item['key'] : "", 
                                         item['date']!=null ? item['date'] : "", 
                                         item['userEmail']!=null ? item['userEmail'] : ""
                                         ]);

防止空值将解决您的问题。您还可以禁用数据表警告消息，但解决问题可能会更好。