使用Ajax向現有數據網格添加新記錄

Question

我有一個DataGrid，可以使用300個最新更新的文檔獲取數據網格。我現在會在GUI中提供一個按鈕，用戶可以通過它來載入更多的100條記錄。
目標是通過將它們與現有數據集成來加載「下一個」100條記錄，而不是加載400（3000 + 100）條最新記錄。

一個解決方案是通過webMethod和Ajax調用獲取數據，然後構建100個表格單元格< td>並將它們追加到表格的底部。

但我發現這種方法並不理想。
我使用DataTables Jquery插件來提供一些很好的功能，如排序和列重新排序。

我怎樣才能以增量的方式添加新記錄，而無需回傳？

Answer 1

您是否在他們的文檔中看到過page？它給你一個關於如何動態添加行到DataTable的想法。

$('#example').dataTable().fnAddData([ 
     "First Column", 
     "Second Column", 
     "Thrid Column", 
     "Fourth Column" ]); 

您可以在您希望填充的數據的ajax調用回調中執行此函數。

$.ajax({ 
    url: "test.html", 
    context: document.body, 
    success: function(){ 
    $('#example').dataTable().fnAddData([ 
      "First Column", 
      "Second Column", 
      "Thrid Column", 
      "Fourth Column" ]); 
    } 
});