2016-07-14 9 views
0

私はDatatables.jsを使いこなしていましたが、結果を取り込むことができません。だから私は、次のJSONを返すJavaサーブレットを持っている:私はAJAXおよびログを呼び出すとDatatables.js:JSONを読む方法

$(document).ready(function() { 

    var oTable = $('#example').dataTable({ 
     "processing": true, 
     "ajax": { 
     "url": "/TR3Application/FileViewerServlet", 
     "dataSrc": "", 
     "type": "GET" 
     } 
     }); 


}); 

:私のJSがどのように見える

<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Size</th> 
      <th>Date</th> 

     </tr> 
    </thead> 

</table> 

[{"fileName":"report (1).xlsx","fileSize":"82 KB","fileDate":"07/13/2016 15:19:43"},{"fileName":"report (2).xlsx","fileSize":"11 KB","fileDate":"07/07/2016 11:35:47"},{"fileName":"report (3).xlsx","fileSize":"11 KB","fileDate":"07/07/2016 11:35:47"},{"fileName":"report (4).xlsx","fileSize":"9 KB","fileDate":"07/13/2016 15:20:54"}] 

私のHTMLが好きになります返すもの、私はサーブレットからまったく同じJSON応答を得ています。しかし、Datatablesには何も配置されていないようです。私は間違って何をしていますか?

+1

dataTablesを挿入するには、HTMLにというタグが必要です。空のものを追加するだけです。 –

+1

'{data: 'fileName'}、{data: 'fileSize'}、{data: 'fileDate'}]'という列は必要ですか? – smarx

+0

また、それは '$( '#example')、DataTable(...)'(大文字D)であるべきではありませんか? – smarx

答えて

0

dataTablesに列を認識させる必要があります.Jsonマッピングです。

<tr> 
     <th data-data="fileName">Name</th> 
     <th data-data="fileSize">Size</th> 
     <th data-data="fileDate">Date</th> 
    </tr> 
+0

データテーブルに列を知らせるより良い方法は、@smarxが 'columns'オプションを使って質問に対する彼のコメントで述べたことです。 –

関連する問題