数据表类型错误：f 未定义答案

【问题标题】：Datatable TypeError: f is undefined数据表类型错误：f 未定义
【发布时间】：2016-09-27 13:56:23
【问题描述】：

JS代码：

$('#large-page-data').DataTable({
"processing":true,
"serverSide":true,
"ajax": 'getlargedataTables',
});

数据：

[{"Name":"Janet Andor","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"20"},{"Name":"Henry Kumi Kumson","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"24"},   
{"Name":"Jones Alonso","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"27"},{"Name":"Kingsley Offei Kumi","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"21"},
{"Name":"Mary Anderson","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"25"},{"Name":"Mary Boatemaa Duodu","Term":"First Term","Date":"2016-09-26","Class":"J.H.S 1","Subject":"ENGLISH LANGUAGE","Exam":"CLASS WORK","Marks":"22"}]

表：

<table class="table table-hover table-striped table-bordered" id="large-page-data">
   <thead>
      <tr>
          <th>NAME</th>
          <th>TERM</th>
          <th>DATE</th>
          <th>CLASS</th>
          <th>EXAM</th>
          <th>SUBJECT</th>
          <th>MARKS</th>
     </tr>
   </thead>
</table>

如果有人能指出我出错的地方，我将不胜感激

【问题讨论】：

这里和php有什么关系？
你到底想做什么？你能解释一下你项目的整个结构吗？
"Php Data" - 这不是 php，它可能是“由”PHP 生成的 JSON 数据。
这只是我在编码数据时使用的，但问题是我无法在数据表上处理
是的，你是对的

标签： javascript php jquery datatable

【解决方案1】：

您的 JSON 数据格式错误。应该是这样的：

{
data: [
    ["Janet Andor","First Term","2016-09-26","J.H.S 1","ENGLISH LANGUAGE","CLASS WORK","20"],
    ["Janet Andor","First Term","2016-09-26","J.H.S 1","ENGLISH LANGUAGE","CLASS WORK","20"],
    ["Janet Andor","First Term","2016-09-26","J.H.S 1","ENGLISH LANGUAGE","CLASS WORK","20"],
    ["Janet Andor","First Term","2016-09-26","J.H.S 1","ENGLISH LANGUAGE","CLASS WORK","20"]
]}

可以参考这个数据表示例：https://datatables.net/examples/data_sources/ajax.html

【讨论】：

【解决方案2】：

我知道这是一个较老的问题，但它是第一个在搜索中弹出的问题。对我来说，答案是添加 datasrc : "" 因为我使用的是 ASP.NET Core Razor Pages 而不是 MVC。

例子：

$('#BookList').DataTable({
            "ajax": {
                "url": "/api/Books/GetAllBooks",
                "method": "GET",
                "dataSrc": ""
            },
            "columns": [
                { "data": "id", "visible": false },
                { "data": "name", "title": "Name" },

            ],
            "order": [[1, "asc"]]
        });

【讨论】：