Html页面分页算法和后台与数据库的交互

Html页面分页算法和后台与数据库的交互

var pageTotal=1;

var lastPage="a1";

var infoType="";

var infoTypeList=null;

var timesNum=10; //每页显示的条数

indexAction.getInfoMaster(loginUserMap,{

async : false,

callback : function(data){

if(data!=null&&data.length!=0){

var html="";

pageTotal=data[0].pageTotal;

if(pageTotal<7){

if(pageTotal!=1){

html="

style='cursor:pointer;color:blue;'

onclick='pageClick(this)'>1  &

nbsp;";

for(var i=2;i

{

html+="

onclick='pageClick(this)'>"+i+" &nb

sp; ";

}

html+="

style='cursor:pointer;'

onclick='pageClick(this)'>"+pageTotal+" 

;  ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>

下一页";

}else{

html="";

}

document.getElementById("page").innerHTML=html;

}else{

html="

onclick='pageClick(this)'>1   ";

for(var i=2;i<5;i++)

{

html+="

onclick='pageClick(this)'>"+i+"  &

nbsp;";

}

html+="

onclick='pageClick(this)'>5...";

html+=""+pageTotal+" &nb

sp; ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>下

一页";

document.getElementById("page").innerHTML=html;

}

for(var i=0;i

{

html="";

if(data[i].THUMBNAIL_URL1!=null&&data[i].THUMBNA IL_URL1!=""&&data[i].THUMBNAIL_URL1!="null")

{

html="

src='<%=basePath%>"+data[i].THUMBNAIL_URL1+"'

width='176' height='99' />";

}else{

html="

width='176' height='99'' />";

}

document.getElementById("b"+i).innerHTML=html;

html="";

html="

name='d"+data[i].INFO_MASTER_ID+"'

href='javascript:void(0)'

onclick='infoChecked(this)'>

class='title'>"+data[i].INFO_NAME+"