php - 基本数据表 Ajax 配置不起作用

Question

我正在尝试将 DataTables 与 php 和 mysql 结合使用。我有一个正在提取数据的 ajax 调用:

[
    {
        "id": 3,
        "ptid":"blah",
        "last_name":"blah",
        "first_name":"blah",
        "priv_application":"E",
        "priv_document":"E",
        "priv_note":"E",
    }
]

我正在使用以下配置 DataTables:

$('#listing').DataTable( {
    "paging": false,
    "searching": false,
    "select": true,
    ajax: {
            url: '{{ url("administration/admindata") }}',
            dataSrc: ''
     },
     columns: [
        { title: "ID" },
        { title: "PtID" },
        { title: "Last Name" },
        { title: "First Name" },
        { title: "Application" },
        { title: "Documents" },
        { title: "Notes" }
    ]
});

表格的 HTML 如下:

<table id="listing" class="display" width="100%"></table>

但是，即使此配置与此处给出的第一个示例完全一样，它也不想加载数据: https://datatables.net/manual/ajax

我收到以下错误:DataTables 警告:表 ID=列表 - 为第 0 行第 0 列请求了未知参数“0”。有关此错误的更多信息，请参阅 http://datatables.net/tn/4

非常感谢任何帮助。

Answer 1

当使用对象数组作为数据源时，您需要使用 columns.data 为每一列指定数据源选项。

$('#listing').DataTable( {
    "paging": false,
    "searching": false,
    "select": true,
    "ajax": {
       "url": '{{ url("administration/admindata") }}',
       "dataSrc": ''
    },
    columns: [
        { data: "id", title: "ID" },
        { data: "ptid", title: "PtID" },
        { data: "last_name", title: "Last Name" },
        { data: "first_name", title: "First Name" },
        { data: "priv_application", title: "Application" },
        { data: "priv_adocument", title: "Documents" },
        { data: "priv_note", title: "Notes" }
   ]
});