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);
        });
    })
  }