Question

我想在我的应用程序中实现JQuery数据表，我尝试过以下内容。

我的HTML：

<div id="tableDiv" class="col-md-12">
    <table id="userTable" class="display">
        <thead>
            <tr>
                <th>Username</th>
                <th>Name</th>
                <th>Surname</th>
                <th>Status</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>username</td>
                <td>name</td>
                <td>surname</td>
                <td>status</td>
                <td>email</td>
            </tr>
        </tbody>
    </table>
</div>

我的Javascript：

$(document).ready(function() {
    $('#userTable').DataTable( {
        "ajax": {
            "dataType": 'json',
            "contentType": "application/json; charset=utf-8",
            "type": "GET",
            "url":"/myApp/user/getAll"
        },
        "sAjaxSource": "/myApp/user/getAll",
        "sAjaxDataProp": "data.users",
        "columns": [
                    { "data": "username" },
                    { "data": "name" },
                    { "data": "surname" },
                    { "data": "status" },
                    { "data": "emailAddress" }
                  ]
    } );
} );

我添加了

 "sAjaxSource": "/myApp/user/getAll",
 "sAjaxDataProp": "data.users",

上面删除adata是未定义的错误，我几乎被困在这里。我无法找到解决这个问题的方法。

以下是我从服务器获得的JSON响应。

{
  "users": [
    {
      "userId": "1",
      "username": "admin",
      "name": "Ak",
      "surname": "AK_D",
      "status": true,
      "emailAddress": "ak_d@xxxxmail.com",
      "enabled": true,
      "accountNonLocked": true,
      "accountNonExpired": true,
      "credentialsNonExpired": true
    }
  ]
}

P.S我是JQuery，JavaScript的新手（这是学习它的原因我在我的应用程序中实现这个）。

Answer 1

您可以尝试将"sAjaxDataProp": "data.users"更改为"sAjaxDataProp": "users"吗？

jQuery数据表，adata未定义

1 个答案: