ajax分页

分页 -- ajax和a标签点击分页

实体类见：http://blog.youkuaiyun.com/ting_125/article/details/65937265

jsp

<div style="text-align:center">
    <label onclick="prePage()">上一页</label>
    <span>第<label id="curPage">${page.curPage}</label>页</span>
    <label onclick="nextPage()">下一页</label>
    <span>共<label id="totalPage">${page.totalPage}</label>页</span>
    第   <input id="searchNum">   页
    <input class="pageButton" type="button" value="确定">
</div>

js

function prePage() {
     var curPage = document.getElementById("curPage").innerText;
     var page = Number(curPage) - 1;
     if( Number(page) <=0) {
         alert("当前已经是第一页");
         return;
     }
    $.ajax({
         url:"xxx",
         type: "POST",
         data:{"page":page},
         success: function() {
            window.location.reload();
        }
     });
 }
 
 function nextPage() {
     var curPage = document.getElementById("curPage").innerText;
     var totalPage = document.getElementById("totalPage").innerText;
     var page = Number(curPage) +1;
     if(Number(page) > Number(totalPage)) {
         alert("已经是最后一页");
         return;
     }
     $.ajax({
         url:"xxx",
         type: "POST",
         data:{"page":page},
         success: function() {
            window.location.reload();
        }
     });
 }

 $(document).on("click",".pageButton",function(){
     var totalPage = document.getElementById("totalPage").innerText;
    var curPage = $(obj).prev("#searchNum").val();
    if(Number(curPage) <= 0) {
         alert("请输入正确的页数");
         return;
    } else if(Number(curPage) > Number(totalPage)) {
         alert("已经超过总页数");
         return;
    }
    $.ajax({
         url:"xxx",
         type: "POST",
         data:{"page":curPage},
         success: function() {
            window.location.reload();
        }
    });
 });

效果图