Json 到 Datatables 似乎格式无效

Question

我在这里很新，我正在使用 javascript 和数据表进行数据操作。

我的 api 返回 json 这样的数据：

[
    {
        "id": 1,
        "name": "qwert",
        "lastname": "qwert",
        "school": "qwert",
        "parents": "qwert",
        "About": "qqwewqeqwewqe"
    },
    {
        "id": 2,
        "name": "qwert",
        "lastname": "qweere",
        "school": "sadsadasd",
        "parents": "asdasdasd",
        "About": "asdasdasdasdasdasdas"
    }
]

我已经用数据表尝试了以下 JS 代码，但似乎不起作用：

$(document).ready(function () {
   $('#tableofrequirement').DataTable({
      ajax: 'example2.json',
        "columns":[
            {data: 'id'},
            {data: 'name'},
            {data: 'lastname'},
            {data: 'school'},
            {data: 'parents'},
            {data: 'About'},
        ]
        
   });
});

但是，我注意到，如果我下载 json 数据并手动将格式更改为以下格式，则 function 可以完美运行：

{
"data ":[
        {
            "id": 1,
            "name": "qwert",
            "lastname": "qwert",
            "school": "qwert",
            "parents": "qwert",
            "About": "qqwewqeqwewqe"
        },
        {
            "id": 2,
            "name": "qwert",
            "lastname": "qweere",
            "school": "sadsadasd",
            "parents": "asdasdasd",
            "About": "asdasdasdasdasdasdas"
        }
    ]
}
  

有什么办法可以告诉 Datatables 我的 json 的结构，或者我可以轻松地在 javascript 上重新格式化它吗？

提前致谢

Answer 1

从您 api 返回的 json 无效，您在此值"lastname": qwert,我添加了一个包含正确 json 数据的示例，它工作正常。

 let data = [ { "id": 1, "name": "qwert", "lastname": "qwert", "school": "qwert", "parents": "qwert", "About": "qqwewqeqwewqe" }, { "id": 2, "name": "qwert", "lastname": "qweere", "school": "sadsadasd", "parents": "asdasdasd", "About": "asdasdasdasdasdasdas" } ]; $(document).ready(function () { $('#table_id').DataTable({ data: data, columns:[ {data: 'id'}, {data: 'name'}, {data: 'lastname'}, {data: 'school'}, {data: 'parents'}, {data: 'About'}, ] }); });

 <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.css"> <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.js"></script> <table id="table_id" class="display"> </table>