网站 › 『编程语言讨论求助区』 › pagehelper插件分页前端一直重复

anlan668 发表于 2024-3-22 15:21

pagehelper插件分页前端一直重复

如图

这是jQuery代码
$(function (){
    $(".prev-page").click(function (){
      var pagenum = $(".MyPageNum").val();//当前页数
      var pagesize = $(".MyPageSize").val();//总页数
      if (pagenum > 1) {
            var nextPage = pagenum - 1;
            loadPage(nextPage);
      }
    })
    $(".next-page").click(function (){
      var pagenum = parseInt($(".MyPageNum").val());// 当前页数
      var pagesize = parseInt($(".MyPageSize").val());// 总页数
      if (pagenum < pagesize) {
            var nextPage = pagenum + 1;
            loadPage(nextPage);
      }
    });
    function loadPage(page) {
      $.ajax({
            url: "/odk",// 后端接口地址
            type: "GET",
            data: {
                pageNum: page
            },
            success: function(response) {
                // 清空原有内容
                $(".product-list").empty();
                // 更新页面内容
                $(".product-list").html(response);
                $(".MyPageNum").val(page);// 更新当前页数
            },
            error: function(xhr, status, error) {
                console.log("请求失败：" + error);
            }
      });
    }
})

lucklys 发表于 2024-3-22 17:14

本帖最后由 lucklys 于 2024-3-22 17:16 编辑

看看请求发的参数啥的

anlan668 发表于 2024-3-22 17:22

lucklys 发表于 2024-3-22 17:14
看看请求发的参数啥的

目前就是没有跳转新的页面，在旧的页面叠加

慕浟佳〃井少年 发表于 2024-3-22 21:03

别学jq了，直接学vue。

查看完整版本: pagehelper插件分页前端一直重复