一个简单Ajax分页的实例
１.由前端页面发送Ajax请求至服务器端．代码
function QueryList(no){ var url="getXML.do"; var pars="pageNo="+no; var ajax=new Ajax.Request(url,{ method:'get', parameters:pars, onComplete:showResponse });
< type="text/javascript">render_code();
代码
//回调 function showResponse(request){ var parser=new MyXmlParser(); parser.load(request); var dataList=parser.itemList; var pageList=parser.pageList; showTable(dataList,pageList); < type="text/javascript">render_code(); 这里用到的是prototype-1.4.0.js中的Ajax对象． ２.服务器端处理程序到数据库查询数据并生成xml档返回． 代码 StringBuffer resultXML = new StringBuffer(); int pageNo = new Integer(request.getParameter("pageNo")).intValue(); try { resultXML.append("<?xml version='1.0' encoding='gb2312'?>"); resultXML.append("<ajax-response>\n"); resultXML.append("<root>\n"); Pagination page = new Pagination(request, 100); List list = this.getTestList(page.getStart(), page.getPageSize()); for (int i = 0; i < list.size(); i++) { TestBean bean = (TestBean) list.get(i); resultXML.append("<data>\n"); resultXML .append("\t<id>" + bean.getId().toString() + "</id>\n"); resultXML.append("\t<name>" + bean.getName() + "</name>\n"); resultXML.append("\t<sex>" + bean.getSex() + "</sex>\n"); resultXML.append("\t<age>" + bean.getAge().toString() + "</age>\n"); resultXML.append("</data>\n"); } resultXML.append("<pagination>\n"); resultXML.append("\t<total>" + page.getTotal() + "</total>\n"); resultXML.append("\t<start>" + page.getStart() + "</start>\n"); resultXML.append("\t<end>" + page.getEnd() + "</end>\n"); resultXML.append("\t<pageno>" + page.getPageNo() + "</pageno>\n"); resultXML.append("</pagination>\n"); resultXML.append("</root>\n"); resultXML.append("</ajax-response>"); } catch (Exception e) { e.printStackTrace(); } writeResponse(request, response, resultXML.toString());
< type="text/javascript">render_code();
３.在Ajax响应方法中对xml解析并生成表格显示到页面．
代码
StringBuffer resultXML = new StringBuffer(); int pageNo = new Integer(request.getParameter("pageNo")).intValue(); try { resultXML.append("<?xml version='1.0' encoding='gb2312'?>"); resultXML.append("<ajax-response>\n"); resultXML.append("<root>\n"); Pagination page = new Pagination(request, 100); List list = this.getTestList(page.getStart(), page.getPageSize()); for (int i = 0; i < list.size(); i++) { TestBean bean = (TestBean) list.get(i); resultXML.append("<data>\n"); resultXML .append("\t<id>" + bean.getId().toString() + "</id>\n"); resultXML.append("\t<name>" + bean.getName() + "</name>\n"); resultXML.append("\t<sex>" + bean.getSex() + "</sex>\n"); resultXML.append("\t<age>" + bean.getAge().toString() + "</age>\n"); resultXML.append("</data>\n"); } resultXML.append("<pagination>\n"); resultXML.append("\t<total>" + page.getTotal() + "</total>\n"); resultXML.append("\t<start>" + page.getStart() + "</start>\n"); resultXML.append("\t<end>" + page.getEnd() + "</end>\n"); resultXML.append("\t<pageno>" + page.getPageNo() + "</pageno>\n"); resultXML.append("</pagination>\n"); resultXML.append("</root>\n"); resultXML.append("</ajax-response>"); } catch (Exception e) { e.printStackTrace(); } writeResponse(request, response, resultXML.toString());
< type="text/javascript">render_code();
其中还有用到的分页对象Pagination ，及页面的xml解析对象MyXmlParser这里就不贴code出来了．附件中有Demo.war包和project文件．感兴趣的朋友可以下载来看看．
测试环境如下：
JDK:1.5
开发工具：Eclipse3.1
部署服务器：Tomcat5.5
页:
[1]