ThinkPHP实现ajax无刷新分页

avatar 2016年09月03日21:26:57 1 3263 views
博主分享免费Java教学视频,B站账号:Java刘哥
控制器代码
  1. public function index($page=1,$pagesize=20){ //$pagesize是每页显示数量,要和页面下面的js文件里的对应
  2.     $db=D("info");
  3.     $recordnum = $db->count();
  4.     /* echo $recordnum;
  5.     exit(); */
  6.     //计算分页
  7.     $pagenum = $recordnum / $pagesize;
  8.     /* echo 1.5%1.0;
  9.     exit(); */
  10.     //如果不能整除,则自动加1页
  11. if(is_float($pagenum)){
  12.     $pagenum = (int) $pagenum+2;
  13. }else{
  14.     $pagenum = (int) $pagenum+1;
  15. }
  16.     //利用page函数。来进行自动的分页
  17.     $data = $db->order('id desc')->relation(true)->page($page,$pagesize)->select();
  18.     $this->data = $data;  //数据
  19.     $this->pagenum = $pagenum;
  20.     $this->pagesize = $pagesize;
  21.     $this->display();
  22. }
View代码
  1. <div id="tablelist">
  2.         <table class="table table-hover table-striped" id="table" class=''>
  3.             <tr class="danger">
  4.                 <th style='min-width: 50px;'>类别</th>
  5.                 <th>信息标题</th>
  6.                 <th>发布时间</th>
  7.             </tr>
  8.             <foreach name="data" item='vo'>
  9.             <tr>
  10.                 <td align="left">{$vo.info_type}</td>
  11.                 <td align="left"><a href="__URL__/showInfo/id/{$vo.id}"  class='index_info_title'>{$vo.info_title}</a></td>
  12.                 <td align="left">{$vo.create_time|date='Y-m-d H:i:s',###}</td>
  13.             </tr>
  14.             </foreach>
  15.         </table>
  16.     </div>
  17.     <div id="pages">
  18.         <for start="1" end="$pagenum" step="1" name="i"> <a
  19.             onclick="Jumppage({$i});" href="#"><span>{$i}</span></a> </for>
  20.     </div>
js代码
  1. function Jumppage(page){
  2.             var pagesize = 20;//设置每页显示条数,和控制器里的对应
  3.             var url = '__SELF__';
  4.             $("<div></div>").load(url,{page:page,pagesize:pagesize},function(){
  5.                 var data = $(this).find("#tablelist").html();
  6.                 $('#tablelist').html(data);
  7.                 $(this).remove();
  8.             });
  9.     }
  本文地址:http://liuyanzhao.com/3524.html 转载请注明
  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0