分頁js程式碼
阿新 • • 發佈：2018-11-28
分頁js程式碼
//引數1:分頁物件
//引數2:訪問的地址
//引數3 以後 都以key=value的字串傳入
//該方法用來拼接字串的分頁 多個li 返回一個字串
//呼叫案例 如下
//var pageStr= addPage(resultInfo.data,“ http://localhost:8080/travel/favoriterank.html” ,“key=value”,“key=value” ,“key=value”);
function addPage(pageBean , myUrl){
//拼接分頁 //需要的引數格式 key=value var paramsTemp =""; for(var i = 2 ; i <arguments.length ; i++){ //拼接引數 paramsTemp+="&" paramsTemp+=arguments[i]; //if(i==2){ //} //除了最後一個引數不拼接& 其他的都拼接 &key=value&key=value&key=value //http://localhost:8080/專案名稱/favoriterank.html?pageNumber=1&key=value&key=value&key=value /*if(i!=arguments.length-1){ paramsTemp+="&"; }*/ } //分頁 var pageNumberInt = parseInt(pageBean.pageNumber); //計算前一頁 var backPage = pageNumberInt-1; //計算後一頁 var afterPage = pageNumberInt+1; //拼接首頁 var pageStr =" <li><a href=\""+myUrl+"?pageNumber=1"+paramsTemp+"\">首頁</a></li>"; //拼接上頁 pageStr +=" <li><a href=\""+myUrl+"?pageNumber="+backPage+""+paramsTemp+"\">上頁</a></li>"; //拼接中間頁碼 for(var i =pageBean.start ; i <=pageBean.end ; i ++ ){ if(i == pageNumberInt){ //pageStr +=" <li class='curPage'><a href=\""+myUrl+"?pageNumber="+i+""+paramsTemp+"\">"+i+"</a></li>"; pageStr +=" <li class='curPage'><a href='"+myUrl+"?pageNumber="+i+""+paramsTemp+"'>"+i+"</a></li>"; //地址?pageNumber=1&key=value&key=value&key=value }else{ // pageStr +=" <li><a href=\""+myUrl+"?pageNumber="+i+"\""+paramsTemp+">"+i+"</a></li>"; pageStr +=" <li><a href='"+myUrl+"?pageNumber="+i+""+paramsTemp+"'>"+i+"</a></li>"; } } //拼接下頁 //pageStr +=" <li><a href=\""+myUrl+"?"+paramsTemp+"&pageNumber="+afterPage+"\">下頁</a></li>"; pageStr +=" <li><a href='"+myUrl+"?pageNumber="+afterPage+""+paramsTemp+"'>下頁</a></li>"; //拼接尾頁 pageStr +=" <li><a href='"+myUrl+"?pageNumber="+pageBean.totalPage+""+paramsTemp+"'>尾頁</a></li>"; //pageStr +=" <li><a href=\""+myUrl+"?"+paramsTemp+"&pageNumber="+pageBean.totalPage+"\">尾頁</a></li>"; return pageStr ;
}