2017-04-25 96 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