使用AJAX進行數據表分頁

Question

是否可以將數據表設置為分頁，但僅加載從服務器顯示的n個條目？ （通過Ajax請求）。

換句話說，每次您重新排序或單擊“下n個條目”時，都會向服務器發出一個小的請求，以加載要顯示的新條目。 從而使初始加載時間最小化。

我將能夠通過初始化來執行此操作，以便將其應用於站點中的所有數據表嗎？

Answer 1

由於您未提供任何代碼，因此我將無法提供完整的答案。 但是，您應該創建一個jquery插件：

（psedo代碼）

$.fn.tablePagination = function(option) {
    var self = this;
    $.ajax({
       url: option.url
       success: function(data){
         self.html(createTable(data));
      })
    });
}

然后像這樣使用它：

$(".tabable").tablePagination({url: "your/server/tableId"});

Answer 2

當然，這對於jquery-dataTables來說很酷。

看這個例子（針對PHP和MySQL）。 服務器端數據的排序和分頁

開箱即用。 您要做的是在此PHP行中輸入MySQL字段：

 $aColumns = array( 'engine', 'browser', 'platform', 'version', 'grade' );

如果使用Node / mongoDB或任何其他服務器端腳本，則必須編寫自己的代碼。 但基本上：

1. 您將網址設置為服務器端代碼
2. 您可以從請求中由dataTables設置的值（actual_Pagenumber，Items_per_page，列排序，過濾）限制的任何數據源（db，json文件或其他）中獲取數據。 只需使用Firebug控制台查看典型請求即可。
3. 您將json編碼的數據返回到客戶端（在PHP / MySql中，通過echo json_encode( $output );在node / mongo中，只是查詢結果。