使用js 实现简单的分页

使用js 实现简单的分页：

js 部分

// 监督考核userid
var jdkhUserId = null
function showPersonInfo(userId,flag){
    if(userId != null && userId != undefined && userId != ''){
        jdkhUserId = userId
    }
    var num = 0;
    var pageSize = 13
    if (flag > 0) {
        num = 1;
    } else if (flag < 0) {
        num = -1;
    }
    var page = currentPage + num;

    var maxPage = (totalCount / pageSize + ((totalCount % pageSize) > 0 ? 1 : 0));

    if (page < 1 || page > maxPage) {
        return;
    }

    $('.jdkhDiv').show();
    $('.dsdg').removeClass('selectJdkhBUtton')
    $('.jwjl').addClass('selectJdkhBUtton')
    $.get(bigscreenroot+'zhzf/getSupervisionInspectionInfo?userId='+jdkhUserId+'&start='+page+'&pageSize='+pageSize,function (data){
            jdkhData = data[0]
        var count = data[0].totalCount
        document.getElementById('linkageDataCount').innerText = count;
        var regionMax = data[0].correctEntityList.length < pageSize ? (data[0].correctEntityList.length + (page - 1) * pageSize) : page * pageSize;
        document.getElementById('LinkageDataListShowRegion').innerText = ((page - 1) * pageSize + 1) + "-" + regionMax;
        document.getElementById('LinkageCurrentPage').innerText = page;

        totalCount = count;
        currentPage = page;
    })
    changeInfo();
}

---

JSP

        <%--        监督考核详情--%>
        <div class="jdkhDiv">
            <div class="jdkhClose" onclick="$(this).parent().hide();"></div>
            <div class="titile_button jwjl selectJdkhBUtton">纠违记录</div>
            <div class="titile_button dsdg">定时定岗记录</div>
            <div id="jdkhListHead"></div>
            <div id ="jdkhListBody"></div>

            <%--<div id="linkage_table_num">共0条</div>--%>
            <div style="color: #ffffff;float: right;margin-top: 5px;font-size: 14px id="jdkhfy">
               <span>共<span id="linkageDataCount">0</span>条  当前展示
               <span id="LinkageDataListShowRegion">1-10</span>条</span>
                 <%--   上一页 --%>
               <span style="cursor: pointer" onclick="showPersonInfo(null,-1)" onselectstart="return false"> << </span>
                <span>第  <span id="LinkageCurrentPage">1</span> 页 </span>
                 <%--   下一页 --%>
                <span style="cursor: pointer" onclick="showPersonInfo(null,1)" onselectstart="return false"> >> </span>
            </div>
        </div>

后台 Contoller

    /**
     * 获取监督考核数据
     *
     * @return java.util.List<com.safesoft.domains.webcalling.entity.SupervisionInspectionEntity>
     * @author Neo.Zhang
     * @date 2020/9/27 10:56
     */
    @GetMapping(URI_ZHZF_GETSUPERVISIONINSPECTIONINFO)
    public List<SupervisionInspectionEntity> getSupervisionInspectionInfo(Long userId,Long start,Long pageSize){
                start = (start -1) * pageSize;
        return zhzfService.getSupervisionInspectionInfo(userId,start,pageSize);
    }