整个项目是用的ssh框架+jquery技术
之前在网上找前台分页方法发现都不太好,最近写了一个,特意分享出来供大家参考
qq:953086648
前台js分页:
var pageSize = 10; //每页显示的数据条数
var dataList; //需要被分页的数据集合
showData(pageSize,1,dataList); //展示数据
setPage(dataList.length); //设置页码
function showData(pageSize,pageNum,data){
varstart = (pageNum-1)*pageSize; //展示记录开始条数
vari = start;
if(start+pageSize*1< data.length){ //如果数据已经够pageSize条
for(i;i<start*1+pageSize*1;i++){
str +=””;
}
}else{//如果数据不够pageSize条
for(i;i<data.length;i++){
str +=””;
}
}
}
Function setPage(number){
varpageCount = math.floor(number / pageSize); //总页数向下取整
if(number% pageSize == 0){
$(“#pageCount”).html(pageCount);
}else{
$(“#pageCount”).html(pageCount+1);
}
}
Function uppageBtn(){ //上一页按钮点击事件
var tempPage = $(“#pageNum”).text();
if(“1” == tempPage){
alert(“已经是第一页”);
}
var pageNum = --tempPage;//自减一
$(“#pageNum”).text(pageNum);
showData(pageSize,pageNum,dataList);
}
Function nextpageBtn(){ //下一页按钮点击事件
var tempPage =$(“#pageNum”).text();
var pageCount =$(“pageCount”).text();
pageNum ++;
If(pageCount< pageNum){
Alert(“已经是最后一页”);
}
$(“#tbody”).html(“”);
If(pageNum *1 < pageCount *1){
$(“#pageNum”).text(pageNum);
showData(pageSize,pageNum,dataList);
}
}