学步园

jquery的分页代码，是结合数据库实现的， 这里只给出核心jquery代码。其它的大家可以发挥下。

function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){<br /> this.dataCount = dataCount;<br /> this.pageSize = pageSize;<br /> this.serverUrl = serverUrl;<br /> this.contentPlace = $("#"+contentPlace);<br /> this.pagerbarPlace = $("#"+pagerbarPlace);<br /> this.callBack = callBack; </p> <p>this.pageCount = 0;<br /> this.pageIndex = 1;<br /> this.curInfo = $("<span/>");<br /> this.prePage = $("<span/>");<br /> this.nextPage = $("<span/>");<br /> this.init();<br /> }<br /> pagerBar.prototype = {<br /> init : function(){<br /> this.getPageCount();<br /> this.initLink();<br /> this.showBarInfo();<br /> if(this.pageCount>0){<br /> this.setLink(1);<br /> }<br /> },<br /> getPageCount : function(){<br /> this.pageCount = parseInt(this.dataCount / this.pageSize);<br /> if(this.dataCount % this.pageSize !=0){<br /> this.pageCount++;<br /> }<br /> },<br /> initLink : function(){<br /> var self = this;<br /> this.prePage = $("<span/>").html("上一页").addClass("pageLink");<br /> this.prePage.click(function(){<br /> self.setLink(self.pageIndex-1);<br /> });<br /> this.nextPage = $("<span/>").html("下一页").addClass("pageLink");<br /> this.nextPage.click(function(){<br /> self.setLink(self.pageIndex+1);<br /> });<br /> this.pagerbarPlace.append(this.curInfo).append(this.prePage).append(this.nextPage);<br /> },<br /> showBarInfo : function(){<br /> this.prePage.hide();<br /> this.nextPage.hide(); </p> <p>if(this.pageCount==0){<br /> this.curInfo.html("暂时没有信息!");<br /> }<br /> else if(this.pageCount==1){<br /> this.curInfo.html("1/1");<br /> }<br /> else{<br /> this.curInfo.html(this.pageCount + "/" + this.pageIndex);<br /> } </p> <p>},<br /> setLink : function(i){<br /> var self = this;<br /> $.ajax({<br /> url:self.serverUrl,<br /> type:"get",<br /> data:{pageSize:self.pageSize,pageIndex:i},<br /> cache:false,<br /> error:function(){<br /> alert("数据加载失败!");<br /> },<br /> success:function(htmlData){<br /> self.contentPlace.html(htmlData);<br /> if(self.pageCount==1){<br /> self.prePage.hide();<br /> self.nextPage.hide();<br /> }else{<br /> if(i==1){<br /> self.prePage.hide();<br /> self.nextPage.show();<br /> }else if(i==self.pageCount){<br /> self.prePage.show();<br /> self.nextPage.hide();<br /> }else{<br /> self.prePage.show();<br /> self.nextPage.show();<br /> }<br /> }<br /> self.pageIndex = i;<br /> self.curInfo.html(self.pageCount+"/"+self.pageIndex);<br /> if(self.callBack){<br /> self.callBack();<br /> }<br /> }<br /> });<br /> },<br /> changeServerUrl : function(dataCount,serverUrl){<br /> this.dataCount = dataCount;<br /> this.serverUrl = serverUrl;<br /> this.pageIndex=1; </p> <p>this.getPageCount();<br /> this.showBarInfo();<br /> this.contentPlace.html("");<br /> if(this.pageCount>0){<br /> this.setLink(1);<br /> }<br /> },<br /> dataCountDec : function(){<br /> this.dataCount--;<br /> this.getPageCount();<br /> if(this.pageCount<this.pageIndex){<br /> this.pageIndex = this.pageCount;<br /> }<br /> if(this.pageIndex>0){<br /> this.setLink(this.pageIndex);<br /> }<br /> this.showBarInfo();<br /> }<br /> } </p> <p>详细出处参考：http://www.jb51.net/article/23857.htm