ThinkPHP实现ajax无刷新分页

控制器代码

    public function index($page=1,$pagesize=20){ //$pagesize是每页显示数量，要和页面下面的js文件里的对应$db=D("info");$recordnum = $db->count();/* echo $recordnum;exit(); *///计算分页$pagenum = $recordnum / $pagesize;/* echo 1.5%1.0;exit(); *///如果不能整除，则自动加1页if(is_float($pagenum)){$pagenum = (int) $pagenum+2;}else{$pagenum = (int) $pagenum+1;}//利用page函数。来进行自动的分页$data = $db->order('id desc')->relation(true)->page($page,$pagesize)->select();$this->data = $data;  //数据$this->pagenum = $pagenum;$this->pagesize = $pagesize;$this->display();}

view 代码

<div id="tablelist"><table class="table table-hover table-striped" id="table" class=''><tr class="danger"><th style='min-width: 50px;'>类别</th><th>信息标题</th><th>发布时间</th></tr><foreach name="data" item='vo'><tr><td align="left">{$vo.info_type}</td><td align="left"><a href="__URL__/showInfo/id/{$vo.id}"  class='index_info_title'>{$vo.info_title}</a></td><td align="left">{$vo.create_time|date='Y-m-d H:i:s',###}</td></tr></foreach></table></div><div id="pages"><for start="1" end="$pagenum" step="1" name="i"> <a            onclick="Jumppage({$i});" href="#"><span>{$i}</span></a> </for></div> -->

js代码

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

这个代码有个致命缺陷，就是分页不智能化，不像thinkphp自带的分页那么好。
解决thinkphp自带分页的无刷新，可以使用iframe，在要刷新的区域，用一个

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

转载请注明

ThinkPHP实现ajax无刷新分页相关推荐

thinkphp ajax 无刷新分页效果的实现
思路:先做出传统分页效果,然后重新复制一份Page.class.php类,对它进行修改,把js中的函数传到page类中,把上一页.下一页.首页.尾页.链接页中的url地址改成js控制的函数,模板页面中 ...
.net MvcPager+Ajax无刷新分页
.net MvcPager+Ajax无刷新分页百度网盘链接: https://pan.baidu.com/s/1QmtBVH_sb4O6pNnEIsB5jw 1.新建Asp.net Web项目,重 ...
php页面自分页刷新,详解PHP+AJAX无刷新分页实现方法
PHP+AJAX无刷新分页实现代码详解,最近在看ajax 教程,就想写个简单入门的PHP+AJAX无刷新分页,我们依据ajax开发框架,代码如下: var http_request=false; fu ...
java ajax无刷分页_简单实现Ajax无刷新分页效果
Ajax无刷新分页效果,如下代码实现 Ajax无刷新分页效果 function showpage(url) { var xhr = new XMLHttpRequest(); xhr.onreadys ...
thinkphp+ajax无刷新分页并加载显示图片
2019独角兽企业重金招聘Python工程师标准>>> 最近自己用thinkphp和bootstrap做一个小站点,在用到ajax与后台数据库交互实现无刷新分页时,因为我需要返回的数 ...
php ajax无刷新分页源码,ajax实现无刷新分页(php)
投票结果 function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=ne ...
在Thinkphp中使用AJAX实现无刷新分页
在Thinkphp目录的Lib\ORG\Util\目录里新建AjaxPage.class.php,写入一下内容: <?php // +------------------------------ ...
jQuery+Ajax+PHP无刷新分页
代码需要在后台运行(包括页面index.html,ajax.php,connect.php,还有数据库food.sql) index.html <!DOCTYPE html> <ht ...
ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）
ThinkPHP+JQuery实现ajax无刷新登录验证摘要: 使用原生javascript进行ajax实现无刷新更改页面内容的复杂性尽人皆知,而jquery对ajax传递进行了封装和优化,因此通过 ...
Ajax实现无刷新分页效果
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...

ThinkPHP实现ajax无刷新分页

ThinkPHP实现ajax无刷新分页相关推荐

最新文章

热门文章