js 前端操作的分页路由设计

 //分页条获得分页数字,然后跳转到拼接字符串的页面
  function getPage(page) {
    var window_href   = location.pathname;
    var newWindowHref =  window_href + "?page=" + page;
    window.location = newWindowHref;
  }

  // 给分页条追加active
  function addActive () {
    var window_href = window.location.href;
    window_href = window_href.split("=");
    var pageNumber = parseInt(window_href[1])+1;
    $(".pagination li a:contains(" + pageNumber +")").addClass("active");
  }

  //分页查询
  //函数封装，将请求分页条的数据进行封装
  function pageReq (reqUrl,ele) {
    $.get("/"+reqUrl,function (result) {
      var amount = parseInt(result);
        //总页数
        var pageamount = Math.ceil(amount /10);//返回的是 与它相近的大1数值
        for (var i = 0; i < pageamount; i++) {
          $("."+ele).append("<li ><a href='javascript:void(0);'>" +(i+1)+ "</a></li>");
        }
        addActive();
        //监听
        $(".pagination li").click(function () {
            var page = $(this).index();
            getPage(page);
        });
    })
  }