在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据,大大简化了带宽的压力。先说下思路,无非就是异步执行ajax 把新列表所需要的数据用json格式返回来,输出table,你可以输出ui li(输出效率高) 在页面上。 效果图: Html代码: 代码如下:设置它们的Class = "page" 以便于给它们增加Click事件操作分页 <div id="showPage" style="wid...
代码如下:-----------------------------HTMLPage1.htm--------------------------------- <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> table{ border:solid 1px #444; background-color:Aqua;} table td{border:solid 1px #444;} </style> <script src="js/Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var pageindex = 1...
* 全局变量 */var index = 1;var totalPage = 0;/** 分页窗体事件 */$(function () {/**取从Servlect中传到JSP页面的总条数信息 给全局变量totalPage 赋值* 下为JSP页面中显示当前页和总页数代码* <span id="index" >1</span>\<span id="totalPage" >${requestScope.senior.totalPage}</span> */totalPage=$("#totalPage").html();//首页$(‘#firstpage‘).click(function () {if (index != 1) {index = 1;paging();/** 点击分页异...