2017-04-25 6 views
0

私はアプリケーションでJQueryデータテーブルを実装したいと思っています。jQuery datatable、a​​dataは定義されていません

マイ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" } 
        ] 
    }); 
}); 

私はADATAを削除する

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

を追加未定義のエラーですが、私はほとんどここで立ち往生しています。私はこれを解決する方法を考え出すことができません。

以下は、私がサーバーを構成しているJSON応答です。

P.S私はJQuery、JavaScript(これは私がアプリでこれを実装していることを学ぶ理由)の初心者です。

答えて

1

"sAjaxDataProp": "data.users""sAjaxDataProp": "users"に変更できますか?

+0

ポインタのおかげで私はそれを見つけて今働いています。 :) :) –

+0

@BilboBagginsそれがうまくいくなら、答えとしてマークしてください。あなたの質問は未回答のキューから削除する必要があります。 – mmushtaq

関連する問題