TypeError：使用datatable插件时数据未定义

Question

我尝试使用DataTable从服务器检索数据。我也可以在浏览器的网络部分查看json响应。但是在控制台中它给了我 TypeError：数据未定义< / strong>即可。除了列名和处理.. 标签外，表中没有显示任何内容。

  

这是我的Json回复：

{"userList":[{"age":23,"userId":123,"user_name":"Mike"},{"age":22,"userId":345,"user_name":"John"},{"age":23,"userId":123,"user_name":"Peter"}]}

json response img

  

Java脚本：

$(document).ready(function () {
       $('#mytable').dataTable({
                    "processing": true,
                    "serverSide": true,
                    "ajax": "jsond",
                    "columns": [
                        {"userList": "userId"},
                        {"userList": "user_name"},
                        {"userList": "age"}
                    ]
                });
            });

  

HTML：

<table id="mytable">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Name</th>
                        <th>Age</th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <th>Id</th>
                        <th>Name</th>
                        <th>Age</th>
                    </tr>
                </tfoot>
            </table>

有人可以建议我摆脱这个错误....

Answer 1

根据此页面，您的数据格式有误。

Ajax sourced data

{ 
    "data":[{"age":23,"userId":123,"user_name":"Mike"},{"age":22,"userId":345,"user_name":"John"},{"age":23,"userId":123,"user_name":"Peter"}]
}