JS 数据表 |获取数据时出现未知警告

Question

我正在尝试使用具有服务器端功能的数据表。但是当它试图获取给我这个错误的数据时；关闭它后，正确地重新加载数据。

DataTables warning: table id=clientTable -

如您所见；没有对警告的解释。我也没有任何控制台警告。这是我的代码：

表格 HTML

<table class="table table-striped table-hover table-bordered" id="clientTable">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Phone</th>
            <th>Mail</th>
            <th>Date</th>
            <th>Auto</th>
        </tr>
    </thead>
</table>

数据表初始化

$('#clientTable').dataTable({
    "iDisplayLength": 20,
    "processing": true,
    "serverSide": true,
    "ajax": clientApiConstant,
    "columns": 
    [
        { "data": "id",},
        { "data": "name" },
        { "data": "phone" },
        { "data": "mail" },
        { "data": "date" },
        { "data": "auto" }
    ]
});

客户端 API 响应

{
    "data": [
    {
      "id": 2,
      "name": "John Doe",
      "date": "2017-04-04T00:00:00+0000",
      "mail": "arda@asd.com",
      "phone": "123123123",
      "auto": true
    },
    {
      "id": 3,
      "name": "Doe John",
      "date": "2017-04-22T00:00:00+0000",
      "mail": "nihatcan@asd.com",
      "phone": "234234234",
      "auto": false
    }
  ],
  "recordsTotal": 2,
  "recordsFiltered": 2,
  "error": []
}

回应 Dipak 的回答；这是我的 datatables.js 失败的地方：

function K(a, b, c, d) {
        c = "DataTables warning: " + (a ? "table id=" + a.sTableId +
        " - " : "") + c;
        d && (c += ". For more information about this error, please see http://datatables.net/tn/" + d);
        if (b)
            E.console && console.log && console.log(c);
        else if (b = m.ext, b = b.sErrMode || b.errMode, a && s(a, null, "error", [a, d, c]), "alert" == b)
            alert(c);
        else {
            if ("throw" == b)
                throw Error(c);
            "function" == typeof b && b(a, d, c)
        }
    }

at "function" == typeof b && b(a, d, c) 行；第 1763 行 @ 版本 1.10.15

Answer 1

这是对您问题的解释

当 jQuery 落入其错误回调处理程序（此回调内置于 DataTables）时会发生这种情况，这通常会在服务器以 2xx HTTP 状态代码以外的任何内容响应时发生。例如，服务器可能会以 404 Not Found 响应，表示请求的文件在给定 URL 上不可用，或 500 Internal Error 表示服务器在处理请求时遇到错误。

解决方案： 如果您愿意接受错误（例如，如果您无法更改后端系统来修复错误），但不希望最终用户看到 alert() 消息，则可以更改 DataTables 的错误报告机制以抛出浏览器控制台的 Javascript 错误，而不是警告它。这可以使用：

$.fn.dataTable.ext.errMode = 'throw';

有关更多详细信息，请查看： https://datatables.net/manual/tech-notes/7

Answer 2

使用大写“D”而不是 dataTable 写入 DataTable。 对于 DataTable 的布尔属性使用前缀 b，对于字符串属性使用前缀 s。所以用户代码会这样。

$('#clientTable').DataTable({  
    bServerSide: true,
    sAjaxSource: 'clientApiConstant',
    columns:  [
        { "data": "id",},
        { "data": "name" },
        { "data": "phone" },
        { "data": "mail" },
        { "data": "date" },
        { "data": "auto" }
    ]
}); 

注意大小写字母大小写。