ajax无刷新分页效果

1.无刷新分页的必要性
ajax无刷新分页效果
如果我们通过“传统方式”实现上图的商品评论分页效果,每次分页的时候就会使得头部、左侧、底部等已经显示的信息重新从服务器获得出来,这样对带宽、服务器资源、用户等待时间都有额外的损耗。如果使用ajax无刷新分页,每次就只从服务器获得“商品评论区域”信息即可,对各方面资源的使用就有相应节省。因此ajax无刷新分页效果有其存在必要性。
2. 具体实现
商品总记录条数、每页显示多少条
mysql数据库关键字limit。
limit 偏移量,长度。
偏移量:(当前页码-1)*每页显示条数。
limit 0,7
limit 7,7
limit 14,7
ajax无刷新分页是对传统分页效果的封装:
http://网址/data.php?page=1
http://网址/data.php?page=2
http://网址/data.php?page=3
http://网址/data.php?page=4
ajax对象.open(‘get’,’./data.php?page=3’);
以上是ajax通过无刷新方式获得第3页数据
2.1制作传统分页效果
ajax无刷新分页效果
ajax无刷新分页效果
ajax无刷新分页效果
2.2制作ajax无刷新分页效果
ajax无刷新分页效果
页面加载完毕通过ajax无刷新方式获得第1页信息:
ajax无刷新分页效果
在page.class.php里边把超链接的地方都改为ajax函数的调用:
ajax无刷新分页效果