jQuery DataTables大きなデータをロードする

Question

jqueryデータベースに大量のデータをロードするにはどうすればいいですか？

 $(document).ready(function(){ 
      $('#datatables').dataTable({ 
       "sPaginationType":"full_numbers", 
       "aaSorting": [[0, 'asc'], [1, 'desc']], 
       "sScrollY": "200px", 
       "bJQueryUI":true 
      }); 
     }) 

xnod_kodeテーブル> 10000レコードの合計データ???一般的に

   <?php 

       $result = mysql_query("SELECT * FROM xnod_kode limit 10"); 
       $no = 1; 
       while ($row = mysql_fetch_array($result)) { 
        ?> 
        <tr> 
         <td><?php echo $no; ?></td> 
         <td><?php echo $row['kodepos']?></td> 
         <td><?php echo $row['kelurahan']?></td> 
         <td><?php echo $row['kecamatan']?></td> 
        </tr> 
        <?php 
        $no++; 
       } 
       ?> 

Answer 1

、DataTableのは、AJAXを介してデータをページ付けしてフェッチすることによって最高の非常に大量のデータを扱う：http://datatables.net/examples/data_sources。

データが変動し、100,000を超えるレコードが外れ値の条件である場合は、DataTablesスクロール・プラグイン（http://datatables.net/extras/scroller/）の使用を検討することができます。これははるかに優れたユーザーエクスペリエンスをもたらし、適切な条件下で数万行を処理できます。最適なパフォーマンスを得るには、スクリプトからデフォルトのソートを削除し、PHPに配置したいと思うでしょう。

Answer 2

最も良い方法は、データをロードするためにajaxを使用することです。ピースここ

Answer 3

によって

負荷データ片のJavaScriptコードは、ここレディ機能下

$('#myDatatable').dataTable({ 
    sAjaxSource : 'jsonfiledemo.txt' 
}); 

されるHTMLテーブルである

<table id="myDatatable"> 
<thead> 
    <tr> 
     <th>data heading 1</th> 
     <th>data heading 2</th> 
     <th>data heading 3</th> 
    </tr> 
</thead> 
<tbody> 
</tbody> 

jsonfiledemo.txt jsoneファイル

{ 
     "sEcho": 0, 
     "iTotalRecords": "34635", 
     "iTotalDisplayRecords": "34635", 
     "aaData": [ 
      [ 
       "title1", 
       "another handling...", 
       "Authored"     
      ], 
      [ 
       "new title", 
       "Cookies are used to track valid session on internet websites. another...", 
       "Authored", 
       "-" 
      ] 
    ] 
} 

Answer 4

すべてのレコードのConvert php array to JSONへの片方向であり、JS arrayに与えます。 JSONを解析し、それをテーブルとしてレンダリングします。

しかし、最善の方法は、ページの読み込みにある程度のデータを読み込むことです。ページ番号リンクまたは表の末尾のスクロールでページングを行います（AJAXを使用）。