tymeleaf+ajax实现局部刷新，tymeleaf实现分页

今天完成了困难已久的分页功能，使用tymeleaf+springboot实现分页，然后相对分页后的数据进行模糊查询，不想使用window.location.href来进行跳转，就想到了ajax，结果就出现了一堆问题。本文章仅用来记录自己的学习历程，仅供参考，如果有错误的地方可以指出，因为我是个菜鸟。

分页功能实现：

后台代码：

    @GetMapping("/pagelist")
    public String pagelist(@RequestParam(value = "pn",defaultValue = "1")Integer pn,
                           Model model,String like){
   
        QueryWrapper<User> queryWrapper = new QueryWrapper<>();
        //判断前端传递过来的like模糊查询是否为空
        boolean empty = StringUtils.isEmpty(like);
        queryWrapper.like(!empty,"userName",like);
        Page<User> userPage = new Page<>(pn, 5);
        userService.page(userPage,queryWrapper);

        model.addAttribute("userPage",userPage);
        return "user/list";
    }

表格数据遍历：

<tbody>
<tr class="" th:each="user,stats:${userPage.records}">
    <td th:text="${user.username}"></td>
    <td th:text="${user.phone}"></td>
    <td>[[${user.realname}]]</td>
    <td>[[${user.sex}]]</td>
    <td>[[${user.address}]]