2017-04-25 81 views
0

我想在我的应用程序中实现JQuery数据表,我试过下面的东西。jQuery datatable,adata是undefined

我的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": "[email protected]", 
     "enabled": true, 
     "accountNonLocked": true, 
     "accountNonExpired": true, 
     "credentialsNonExpired": true 
    } 
    ] 
} 

P.S我在JQuery中,JavaScript的新手(也就是学习它,我在我的应用程序实现这个的原因)。

回答

1

您可以尝试更改"sAjaxDataProp": "data.users""sAjaxDataProp": "users"

+0

感谢我发现它的指针和现在的作品。 :) :) –

+0

@BilboBaggins请注意,如果它的工作,然后请标记为答案。所以你的问题应该从未答复的队列中删除。 – mmushtaq