jsp页面分页原始写法

<c:if test="${totalNum>params['max'] }">
                                <div class="text-center">
                                    <nav>
                                        <ul class="pagination">
                                            <li><a href="javascript:;" onclick="getPageByPost(${totalNum},1)" >First</a></li>
                                            <li><a href="javascript:;" onclick="getPageByPost(${totalNum},${page-1>1?page-1:1})" >&laquo;</a></li>

                                            <c:choose>
                                                <c:when test="${totalPages<10}">
                                                    <c:forEach begin="1" end="${totalPages}" varStatus="loop">
                                                        <c:set var="active" value="${loop.index==page?'active':''}"/>
                                                        <li class="${active}"><a href="javascript:;" onclick="getPageByPost(${totalNum},${loop.index})" >${loop.index}</a>
                                                        </li>
                                                    </c:forEach>
                                                </c:when>
                                                <c:otherwise>
                                                    <c:if test="${page<5 }">
                                                        <c:forEach begin="1" end="5" varStatus="loop">
                                                            <c:set var="active" value="${loop.index==page?'active':''}"/>
                                                            <li class="${active}"><a href="javascript:;" onclick="getPageByPost(${totalNum},${loop.index})" >${loop.index}</a>
                                                            </li>
                                                        </c:forEach>
                                                        <li class=""><a>...</a></li>
                                                    </c:if>
                                                    <c:if test="${page>=5 && page<=totalPages-4 }">
                                                        <li class=""><a>...</a></li>
                                                        <li class="">
                                                            <a href="javascript:;" onclick="getPageByPost(${totalNum},${page-2})" >${page-2}</a>
                                                        </li>
                                                        <li class="">
                                                            <a href="javascript:;" onclick="getPageByPost(${totalNum},${page-1})" >${page-1}</a>
                                                        </li>
                                                        <li class="active">
                                                            <a href="javascript:;" onclick="getPageByPost(${totalNum},${page})" >${page}</a>
                                                        </li>
                                                        <li class="">
                                                            <a href="javascript:;" onclick="getPageByPost(${totalNum},${page+1})" >${page+1}</a>
                                                        </li>
                                                        <li class="">
                                                            <a href="javascript:;" onclick="getPageByPost(${totalNum},${page+2})" >${page+2}</a>
                                                        </li>
                                                        <li class=""><a>...</a></li>
                                                    </c:if>
                                                    <c:if test="${page>totalPages-4 }">
                                                        <li class=""><a>...</a></li>
                                                        <c:forEach begin="${totalPages-4 }" end="${totalPages }" varStatus="loop">
                                                            <c:set var="active" value="${loop.index==page?'active':''}"/>
                                                            <li class="${active}"><a href="javascript:;" onclick="getPageByPost(${totalNum},${loop.index})" >${loop.index}</a>
                                                            </li>
                                                        </c:forEach>
                                                    </c:if>
                                                </c:otherwise>
                                            </c:choose>

                                            <li>
                                                <a href="javascript:;" onclick="getPageByPost(${totalNum},${page+1<totalPages?page+1:totalPages})" >&raquo;</a>
                                            </li>
                                            <li><a href="javascript:;" onclick="getPageByPost(${totalNum},${totalPages})" >Last</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </c:if>
                        </c:if>
function getPageByPost(totalNum,page){
                var url = "${pageContext.request.contextPath}/getPage";
                var params= {"params":"${paramsStr}","totalNum":totalNum,"action":"pubmed","page":page};
                passParamsByPost(url,params);
            }
function passParamsByPost(url,params) {
                var temp=document.createElement("form");
                $(document.body).append(temp);
                temp.action=url;
                temp.method="POST";
                temp.style.display="none";
                if(params != null){
                    for(var x in params) {
                        var opt=document.createElement("input");
                        opt.name=x;
                        opt.type='hidden';
                        opt.value=params[x];
                        temp.appendChild(opt);
                    }
                }
                temp.submit();
                return temp; 
            }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值