Jquery 使用Ajax向现有datagrid添加新记录

我有一个DataGrid，它包含了300个最新的文档。现在，我将在GUI中提供一个按钮，用户可以通过该按钮加载更多的100条记录
目标是通过与现有数据集成来加载“下一个”100条记录，而不是加载400条（3000+100）最新记录

一种解决方案是通过webMethod和Ajax调用获取数据，然后构建100个表单元格，并将它们附加到表的底部

但我发现这种方法并不理想
我使用DataTables Jquery插件提供一些不错的功能，比如排序和列重新排序

我如何以增量方式添加新记录，而无需回发？您在他们的文档中看到了吗？它让您了解如何动态地向数据表添加行

    $('#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" ] );
  }
});

---

谢谢阿明，这正是我需要的。我没有在他们的网站上注意到这个API。