Ajax分页--适合初学者学习
分页算法;public class AjaxPage {//总记录数private int totalRows;//当前页private int currpage;//分页单位private int pagesize;//总页数private int totalPages;//每页数据的开始下标private int startRow;public AjaxPage(int totalRows,int currpage, int pagesize){this.totalRows =(totalRows);this.setCurrpage(currpage);this.setPagesize(pagesize);}public int getTotalRows() {return totalRows;}public void setTotalRows(int totalRows) {this.totalRows = totalRows;}public int getCurrpage() {return currpage;}public void setCurrpage(int currpage) {this.currpage = currpage;}public int getPagesize() {return pagesize;}public void setPagesize(int pagesize) {this.pagesize = pagesize;}public int getTotalPages() {//调用设置总页数方法this.setTotalPages();return totalPages;}//设置总页数public void setTotalPages() {this.totalPages = this.getTotalRows()/this.getPagesize();}public int getStartRow() {//调用设置行号方法this.setStartRow();return startRow;}//设置每页的起始行号public void setStartRow(){this.startRow = (this.getCurrpage()-1)*this.getPagesize();}public void setStartRow(int startRow) {this.startRow = startRow;}
JSP页面采用ajax解析XML
<script type="text/javascript">var XMLHttpReq; function createXMLHttpRequest() {if(window.XMLHttpRequest) { //Mozilla 浏览器XMLHttpReq = new XMLHttpRequest();}else if (window.ActiveXObject) { // IE浏览器try {XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {try {XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {}}}}//主调函数,以当前页作为参数function AjaxTest(currpage){createXMLHttpRequest();XMLHttpReq.open("post","AjaxServlet.do?currpage="+currpage,true);XMLHttpReq.onreadystatechange= callback;XMLHttpReq.send(null);}//回调函数function callback(){if(XMLHttpReq.readyState!=4){//div.innerHTML = "<font color='red'>数据加载中...</font>";}else{if(XMLHttpReq.status == 200){var xmlDOM = XMLHttpReq.responseXML; parse(xmlDOM);}}}function parse(xmlDOM){var person=xmlDOM.getElementsByTagName("person");var page = xmlDOM.getElementsByTagName("page");var currpage = page.getElementsByTagName("currpage").firstChild.data;var pagecount = page.getElementsByTagName("pagecount").firstChild.data;var prevpagehtml; var nextpagehtml; if((currpage-0)<=1){prevpagehtml = "<a>上一页</a>";}else{prevpagehtml = "<a onclick='AjaxTest("+(currpage-1)+");' href='javascript:void(0);'>上一页</a>";}if((currpage-0)<(pagecount-0)){nextpagehtml = "<a onclick='AjaxTest("+(currpage-0+1)+");' href='javascript:void(0);'>下一页</a>";}else{nextpagehtml = "<a>下一页</a>";}var html = "<table><tr><td width='80'>编号</td><td width='100'>姓名</td><td width='80'>年龄</td><td width='80'>班级</td></tr>"; for(i=0;i<person.length;i++){html = html+ "<tr><td>"+person.getElementsByTagName("sid").firstChild.data+"</td><td>"+person.getElementsByTagName("sname").firstChild.data+"</td><td>"+person.getElementsByTagName("sage").firstChild.data+"</td><td>"+person.getElementsByTagName("sclass").firstChild.data+"</td></tr>";}html = html + "<tr><td width='50'>"+prevpagehtml+"</td><td width='80'>当前第"+currpage+"页</td><td width='100'>共"+pagecount+"页</td><td width='80'>"+nextpagehtml+"</td></tr>";html = html+"</table>";document.getElementById("div").innerHTML=html;}</script></head> <body ><div style="text-align: center"> <div id="div"> </div> </div>
PS:虽然很古老，但是我个人觉得初学者 了解了解也是很有帮助的。
action内容:
public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {AjaxDao dao=new AjaxDaoImp();//当前页int currpage = Integer.parseInt(request.getParameter("currpage")==null?"1":request.getParameter("currpage"));//总的记录数int total =dao.getResultCount();int pagesize=1000;//Page类对象AjaxPage page=new AjaxPage(total, currpage, pagesize);//用于返回给前台页面的XML文档StringBuffer xmlDOM = new StringBuffer();//取出所有信息//System.out.println("开始1"+page.getCurrpage());//System.out.println("开始2"+(page.getCurrpage()-1));//System.out.println("开始3"+(page.getCurrpage()-1)*page.getPagesize());System.out.println("当前第几页"+page.getCurrpage());List ajaxList=dao.findAll((page.getCurrpage()-1)*page.getPagesize(), page.getPagesize());//添加XMLresponse.setContentType("text/xml; charset=UTF-8");response.setHeader("Cache-Control","no-cache");xmlDOM.append("<?xml version='1.0' encoding='UTF-8' standalone='no' ?>" );xmlDOM.append("<root>");//添加数据库查询出来的数据for(int i=0;i<ajaxList.size();i++){Pojo bean=(Pojo) ajaxList.get(i);xmlDOM.append("<person>");xmlDOM.append("<sid>"+bean.getSid()+"</sid>");xmlDOM.append("<sname>"+bean.getSname()+"</sname>");xmlDOM.append("<sage>"+bean.getSname()+"</sage>");xmlDOM.append("<sclass>"+bean.getSclass()+"</sclass>");xmlDOM.append("</person>");}//添加分页信息xmlDOM.append("<page>");xmlDOM.append("<currpage>"+page.getCurrpage()+"</currpage>");xmlDOM.append("<pagecount>"+page.getTotalPages()+"</pagecount>");xmlDOM.append("</page>");xmlDOM.append("</root>");//调用打印方法this.print(request, response, xmlDOM.toString());}private void print(HttpServletRequest request, HttpServletResponse response,String xmlDOM) throws IOException{response.setCharacterEncoding("gb2312");response.setContentType("text/xml");PrintWriter out = response.getWriter();out.print(xmlDOM);out.close();}}
以上是一个 技术ajax的无刷新分页。希望对初学者有些帮助，在下也是个初学者，刚踏入工作不久，希望各位高手看到我的代码不要嘲讽。写法是参照网上的一个demo而写。
大家学习吧。
页:
[1]