ThinkPHP实现ajax无刷新分页

avatar 2016年09月03日21:26:57 1 4070 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此
控制器代码
  1. public function index($page=1,$pagesize=20){ //$pagesize是每页显示数量，要和页面下面的js文件里的对应
  3.     $db=D("info");
  4.     $recordnum = $db->count();
  5.     /* echo $recordnum;
  6.     exit(); */
  7.     //计算分页
  8.     $pagenum = $recordnum / $pagesize;
  9.     /* echo 1.5%1.0;
  10.     exit(); */
  11.     //如果不能整除，则自动加1页
  12. if(is_float($pagenum)){
  13.     $pagenum = (int) $pagenum+2;
  14. }else{
  15.     $pagenum = (int) $pagenum+1;
  16. }
  18.     //利用page函数。来进行自动的分页
  19.     $data = $db->order('id desc')->relation(true)->page($page,$pagesize)->select();
  20.     $this->data = $data;  //数据
  21.     $this->pagenum = $pagenum;
  22.     $this->pagesize = $pagesize;
  23.     $this->display();
  24. }

View代码
  1. <div id="tablelist">
  2.         <table class="table table-hover table-striped" id="table" class=''>
  4.             <tr class="danger">
  5.                 <th style='min-width: 50px;'>类别</th>
  6.                 <th>信息标题</th>
  8.                 <th>发布时间</th>
  9.             </tr>
  10.             <foreach name="data" item='vo'>
  11.             <tr>
  12.                 <td align="left">{$vo.info_type}</td>
  13.                 <td align="left"><a href="__URL__/showInfo/id/{$vo.id}"  class='index_info_title'>{$vo.info_title}</a></td>
  15.                 <td align="left">{$vo.create_time|date='Y-m-d H:i:s',###}</td>
  16.             </tr>
  17.             </foreach>
  18.         </table>
  19.     </div>
  20.     <div id="pages">
  21.         <for start="1" end="$pagenum" step="1" name="i"> <a
  22.             onclick="Jumppage({$i});" href="#"><span>{$i}</span></a> </for>
  23.     </div>

js代码
  1. function Jumppage(page){
  2.             var pagesize = 20;//设置每页显示条数，和控制器里的对应
  3.             var url = '__SELF__';
  4.             $("<div></div>").load(url,{page:page,pagesize:pagesize},function(){
  6.                 var data = $(this).find("#tablelist").html();
  7.                 $('#tablelist').html(data);
  8.                 $(this).remove();
  9.             });
  10.     }



本文地址：http://liuyanzhao.com/3524.html

转载请注明
历史上的今天
September
03日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

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

  

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