Uncaught TypeError: Невозможно прочитать свойство 'length' неопределенной пружины + тимелист + дататы - PullRequest
Новая
       17

Uncaught TypeError: Невозможно прочитать свойство 'length' неопределенной пружины + тимелист + дататы

0 голосов
/ 28 мая 2018

Я использую AJAX-запрос для получения результатов от контроллера, чтобы заполнить их данными.Результаты возвращаются с контроллера в формате JSON, но я получаю ошибку Uncaught TypeError: Cannot read property 'length' of undefined.

Есть ли еще параметры с датами, которые я должен установить в контроллере?

Класс контроллера: 

    @RequestMapping(value = "/users/list", method = RequestMethod.GET, produces = "application/json")
    @ResponseBody
    public List<User> listOfUsers() {
    List<User> usersList;
    usersList = userService.getAllUsers();
    return usersList;
}

Пользовательский интерфейс с данными в тимелии: 

           <div class="table-responsive">
                    <table id="usersTable" class="table table-bordered table-hover dataTable">
                        <thead>
                        <tr>
                            <th th:text="#{user.table.heading.username}">User Name</th>
                            <th th:text="#{systemUser.table.heading.firstname}">First Name</th>
                            <th th:text="#{systemUser.table.heading.lastname}">Last Name</th>
                            <th th:text="#{systemUser.table.heading.status}">Status</th>
                            <th th:text="#{systemUser.table.heading.role}">Role</th>
                        </tr>
                        </thead>
                    </table>
                </div>

AJAX-запрос: 

<script th:inline="javascript">
$(document).ready(function () {
    $('#usersTable').DataTable({
        "processing": true,
        dataType: 'json',
        "ajax": {
            "url": "http://localhost:8080/sample/users/list",
            "type": "GET"
        },
        "columns": [
            {"data": "username"},
            {"data": "firstName"},
            {"data": "lastName"},
            {"data": "status"},
            {"data": "roleName"}
        ]
    })
});
</script>

Ответ JSON: 

[  
 {  
  "id":1,
  "username":"dinesh@example.com",
  "firstName":dinesh,
  "lastName":damian,
  "password":"$2a$10dfgfdgfdgd6O.iO6XB5xcyEZuppAHWOZGwX8m8xCLqS",
  "status":"ACTIVE",
  "role":{  
     "id":1,
     "roleName":"ADMIN",
     "status":"ACTIVE",
     "permissionList":[  
        {  
           "id":1,
           "name":"ROLE_LOGIN",
           "description":"User login permission",
           "checked":false
        }
     ],
     "checkedPermissions":[  

     ]
  }

}]

Ответы [ 2 ]

0 голосов
/ 20 июня 2018

Он был успешно обработан после изменения запроса AJAX на этот. 

<script th:inline="javascript">
$(document).ready(function () {
    $('#usersTable').DataTable({
        "sAjaxSource": "http://localhost:8080/sample/users/list",
        "sAjaxDataProp": "",
        "aoColumns": [
            {"mData": "username"},
            {"mData": "firstName"},
            {"mData": "lastName"},
            {"mData": "status"},
            {"mData": "role.roleName"}

        ]
    })
});
<script th:inline="javascript">
0 голосов
/ 30 мая 2018

Обычно Невозможно прочитать свойство 'length' с неопределенным значением означает, что DataTables не может найти данные в ответе.

Используйте следующие параметры инициализации, чтобы соответствовать структуре вашего ответа. 

$('#usersTable').DataTable({
    "processing": true,
    dataType: 'json',
    "ajax": {
        "url": "http://localhost:8080/sample/users/list",
        "type": "GET",
        "dataSrc": ""
    },
    "columns": [
        {"data": "username"},
        {"data": "firstName"},
        {"data": "lastName"},
        {"data": "status"},
        {"data": "role.roleName"}
    ]
});

См. ajax.dataSrc для получения дополнительной информации.

...