Question

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

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

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

我们有太多的数据只是将所有数据发送到UI以在前端保留和分页，这就是我想要遵循这种方法的原因。

Answer 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

带有后端分页的jQuery数据表

1 个答案: