无法在分页jquery数据表中的ajax调用中发送每页的页码和页行数据

Question

我正在尝试从 html 页面上的分页中加载来自 ajax 调用的数据，但它无法正常工作.. 无法理解问题

我已检查此链接，但 ajax 调用在我的代码中不起作用我需要获取公司注册列表并使用分页实现填充数据表，同时通过分页控制页面的加载时间。（如记录是 5000 并且它一起加载我需要从 ajax 修复服务器端分页）

Passing pageable (spring data) in post request

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js">

<script type="text/javascript">
         $(document).ready(function(){
           $('#shortstorage').DataTable({
                    "pageLength": 5,
                    "processing": true
                    "serverSide": true
                      "ajax": {
                       "url": "/getcompany",
                     "type": "GET"
              }
                  }
                       } );
        });
   </script>

调用控制器中的getcompanyy方法

@RequestMapping(value = "/getcompanyy", method = RequestMethod.GET)
    public String getCompanyy(Model model,HttpServletRequest request, @PageableDefault(value=10, page=0) Pageable pageable) {


        pageable = new PageRequest(pageable.getPageNumber(), pageSize, sort);

 Page<CompanyRegistration> compregPag = companyregister.findAll(pageable);
      List<CompanyRegistration> compreg = compregPag.getContent();
model.addAttribute("compreg",compreg);
return "admin/company";

错误

代码正在加载数据表中的所有行而不应用分页

Answer 1

Page<CompanyRegistration> compregPag = companyregister.findAll(pageable);
//List<CompanyRegistration> compreg = compregPag.getContent();
model.addAttribute("compregPag",compregPag); 

compregPag 包含与元数据一起需要的内容。将其用作模型属性。

Answer 2

你实际上应该返回 JSONObject， 看看这个 RestController，我想这就是你需要的：

https://github.com/solutionman/BaseProject/blob/master/src/main/java/com/project/base/controller/BaseProjectRestController.java

<table id="shortstorage" class="display">
</table>

$(document).ready( function () {
var table = $('#shortstorage').DataTable({
    ajax: '/base/getcompany',
    sAjaxDataProp: 'data',
    processing: true,
    serverSide: true,
    // "order": [[ 0, "asc" ]],
    columns: [
        { data: "id", title : 'id'},
        { data: "name", title: 'name' },
        { data: "shortname", title: 'shortname' }
    ]
})

});

    @RequestMapping(path = "/getcompany", method = RequestMethod.GET)
public Map< String, Object > getcompany(@RequestParam Map<String, String> data) {

    Map<String, Object> result = new HashMap<>();

    Integer draw = Integer.parseInt(data.get("draw"));

    ArrayList<Object> youObjectsSelected = new ArrayList<>(); // put your selected objects here
    int start = Integer.parseInt(data.get("start"));
    int length = Integer.parseInt(data.get("length"));
    for( int j = 0; j < 50; j++ ){
        Company company = new Company();
        company.setId(j);
        company.setName("someName");
        company.setShortname("shortName");
        youObjectsSelected.add(company);
    }
    ArrayList<Object> yourSObjectsForPage = new ArrayList<>(); // get only objects for displaying on page
    for( int k = start; k < start + length; k++ ){
        yourSObjectsForPage.add( youObjectsSelected.get(k) );
    }

    result.put("draw", draw);
    result.put("recordsTotal", 100);
    result.put("recordsFiltered", youObjectsSelected.size());
    result.put("data", yourSObjectsForPage);

    return result;
}

您将从开始和长度（来自数据）获得的页码和页数：

int start = Integer.parseInt(data.get("start"));

int length = Integer.parseInt(data.get("length"));

并根据他们从数据库中为行选择对象，此处以arrayList为例。