带有后端分页的 jQuery 数据表

Posted 2023-05-09

【中文标题】带有后端分页的 jQuery 数据表

【英文标题】：jQuery Data Table with Back-end Pagination

【发布时间】：2018-02-03 20:26:47

【问题描述】：

我目前在后端的 Java 应用程序中使用 Spring Data JPA 进行分页。因此，使用 ?page=1 和 ?size=100 等 url 上的参数调用 RESTful 服务，以获取具有 100 个结果的第一页。

有没有一种方法可以在 UI 上配置我的 jQuery 数据表，以便在用户更改表时调用后端服务更改？

例如，初始调用将是默认页面 1 和大小 100。如果他们更改表中每页的结果，我想将发送到服务的大小更改为用户选择的任何内容。如果他们单击下一页箭头，我想增加服务的页数并调用它以获取下一页等。

我们有太多数据，无法将所有数据发送到 UI 以在前端保存和分页，这就是我想采用这种方法的原因。

【参考方案1】：

您可以尝试以下方法：

 var table = $('#employeesTable').DataTable(
            "sAjaxSource": "/employees",
            "sAjaxDataProp": "",
            "order": [[ 0, "asc" ]],
            "aoColumns": [
                 "mData": "id",
               "mData": "name" ,
                   "mData": "lastName" ,
                   "mData": "email" ,
                   "mData": "phone" ,
                   "mData": "active" 
            ]
     )

以下参考资料可能对您有所帮助：

http://learnfromexamples.com/jquery-datatable-in-spring-mvc-application/ https://medium.com/@gustavo.ponce.ch/spring-boot-jquery-datatables-a2e816e2b5e9

【讨论】：

谢谢你，我会试试看。