整体思路:将页号传递到后台PHP程序,PHP程序根据页号,从数据表中查询对应的内容,再返回给前端的ajax程序,最后显示.
引用ajax分页插件:是一个基于jQuery的分页插件-pagination。
1.前端内容:
<script type="text/javascript"> //参数:要跳转的页号 function show(page){ //data参数就是getContent方法执行后的最终结果 $.get("{:U('getContent')}",{"page":page, '_':Math.random()},function(data){ $('tbody').html(data); }); } $('.pagination').pagination({$count},{ //逗号前面参数为每总记录数 callback: function(page){ //每次点击页号时,都会触发show函数 show(page+1); }, items_per_page:{$pagesize},//每页显示多少条记录 display_msg: true, //是否显示记录信息 setPageNo: true //是否显示跳转第几页 });
2.编写后台的getContent方法 :
function getContent(){ $pagesize = 2; //1.接收get传递的page参数 $pageon = I('get.page'); //2.实例化User模型,根据页号查询数据 $user=D('User'); $user_list=$user->page($pageon,$pagesize)->select(); //echo json_encode($user_list); $this->assign('user_list',$user_list); $this->display(); }
3.测试:正常显示ajax分页
总结:Ajax是一种灵活的程序,灵活在后台PHP的最终输出到底应该选择哪种类型。要观察前台使用哪种数据类更好处理。