TypeError: данные не определены при использовании плагина datatable

Question

Я пытаюсь получить данные с сервера с помощью DataTables. Я также могу просмотреть ответ json в разделе сети моего браузера. Но в консоли он дает мне TypeError : данные не определены. Ничего не отображается внутри таблицы, кроме имен столбцов, и Обработка .. этикетка.

Here is my Json response:

{"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 Script:

$(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"}] 
}