文档章节

ajax无刷新分页类

 范思哲思考者
发布于 2014/10/12 17:19
字数 720
阅读 1732
收藏 8
<?php 
class Page {

 

// 分页栏每页显示的页数

public $rollPage = 10;

// 页数跳转时要带的参数

public $parameter;

// 默认列表每页显示行数

public $listRows = 20;

// 起始行数

public $firstRow;

// 分页总页面数

protected $totalPages;

// 总行数

protected $totalRows;

// 当前页数

protected $nowPage;

// 分页的栏的总页数

protected $coolPages;

// 分页显示定制

protected $config = array('header' => '条记录', 'prev' => '上一页', 'next' => '下一页', 'first' => '首页', 'last' => '尾页', 'theme' => ' %totalRow% %header% %nowPage%/%totalPage% 页 %upPage%  %first%  %prePage%  %linkPage% %downPage% %nextPage% %end% %ajax%');

// 默认分页变量名

protected $varPage;

//分页外层div的id

protected $pagesId;

//分页内容替换目标ID

protected $target;

 

/**

+----------------------------------------------------------

* 架构函数

+----------------------------------------------------------

* @access public

+----------------------------------------------------------

* @param array $totalRows  总的记录数

* @param array $listRows  每页显示记录数

* @param array $parameter  分页跳转的参数

+----------------------------------------------------------

*/

public function __construct($totalRows, $listRows = '', $parameter = '',$target='',$pagesId='') {

$this->totalRows = $totalRows;

$this->parameter = $parameter;

$this->target = $target;

$this->pagesId = $pagesId;

$this->varPage = C('VAR_PAGE') ? C('VAR_PAGE') : 'p';

if (!empty($listRows)) {

$this->listRows = intval($listRows);

}

$this->totalPages = ceil($this->totalRows / $this->listRows);     //总页数

$this->coolPages = ceil($this->totalPages / $this->rollPage);

$this->nowPage = !empty($_GET[$this->varPage]) ? intval($_GET[$this->varPage]) : 1;

if (!empty($this->totalPages) && $this->nowPage > $this->totalPages) {

$this->nowPage = $this->totalPages;

}

$this->firstRow = $this->listRows * ($this->nowPage - 1);

}

 

public function setConfig($name, $value) {

if (isset($this->config[$name])) {

$this->config[$name] = $value;

}

}

 

/**

+----------------------------------------------------------

* 分页显示输出

+----------------------------------------------------------

* @access public

+----------------------------------------------------------

*/

public function show() {

if (0 == $this->totalRows)

return '';

$p = $this->varPage;

$nowCoolPage = ceil($this->nowPage / $this->rollPage);

$url = $_SERVER['REQUEST_URI'] . (strpos($_SERVER['REQUEST_URI'], '?') ? '' : "?") . $this->parameter;

$parse = parse_url($url);

if (isset($parse['query'])) {

parse_str($parse['query'], $params);

unset($params[$p]);

$url = $parse['path'] . '?' . http_build_query($params);

}

//上下翻页字符串

$upRow = $this->nowPage - 1;

$downRow = $this->nowPage + 1;

if ($upRow > 0) {

$upPage = "<a href='" . $url . "&" . $p . "=$upRow'>" . $this->config['prev'] . "</a>";

} else {

$upPage = "";

}

 

if ($downRow <= $this->totalPages) {

$downPage = "<a href='" . $url . "&" . $p . "=$downRow'>" . $this->config['next'] . "</a>";

} else {

$downPage = "";

}

// << < > >>

if ($nowCoolPage == 1) {

$theFirst = "";

$prePage = "";

} else {

$preRow = $this->nowPage - $this->rollPage;

$prePage = "<a href='" . $url . "&" . $p . "=$preRow' >上" . $this->rollPage . "页</a>";

$theFirst = "<a href='" . $url . "&" . $p . "=1' >" . $this->config['first'] . "</a>";

}

if ($nowCoolPage == $this->coolPages) {

$nextPage = "";

$theEnd = "";

} else {

$nextRow = $this->nowPage + $this->rollPage;

$theEndRow = $this->totalPages;

$nextPage = "<a href='" . $url . "&" . $p . "=$nextRow' >下" . $this->rollPage . "页</a>";

$theEnd = "<a href='" . $url . "&" . $p . "=$theEndRow' >" . $this->config['last'] . "</a>";

}

// 1 2 3 4 5

$linkPage = "";

for ($i = 1; $i <= $this->rollPage; $i++) {

$page = ($nowCoolPage - 1) * $this->rollPage + $i;

if ($page != $this->nowPage) {

if ($page <= $this->totalPages) {

$linkPage .= "&nbsp;<a href='" . $url . "&" . $p . "=$page'>&nbsp;" . $page . "&nbsp;</a>";

} else {

break;

}

} else {

if ($this->totalPages != 1) {

$linkPage .= "&nbsp;<span class='current'>" . $page . "</span>";

}

}

}

//<script>jquery分页</script>

$ajax = '';

if($this->target){

$ajax = <<<eco

<script>

jQuery(function($) {

$('#{$this->pagesId} a').click(function(){

$.ajax({

url: $(this).attr('href'),

dataType: "html",

type: "POST",

cache: false,

success: function(html){

$("#{$this->target}").html(html);

}

});

return false;

});

});

</script>

eco;

}

$pageStr = str_replace(

array(

'%header%',

'%nowPage%',

'%totalRow%',

'%totalPage%',

'%upPage%',

'%downPage%',

'%first%',

'%prePage%',

'%linkPage%',

'%nextPage%',

'%end%',

'%ajax%'

),

array(

$this->config['header'],

$this->nowPage,

$this->totalRows,

$this->totalPages,

$upPage, $downPage,

$theFirst, $prePage,

$linkPage, $nextPage,

$theEnd,

$ajax

),

$this->config['theme']

);

return $pageStr;

}

}

调用方法:在tp中:

public function ajaxPage(){
        
        $tz=M('MoneyLog');
        import('ORG.Util.ajaxpage');
        $count = $tz->count();
         $page = new Page($count,10,'type=1','ajax_div','ajax_page_div');
         
  
        $data = $tz->limit($page->firstRow, $page->listRows)->select();
        $pagestr =  $page->show();
        $this->assign('list',$data);
        $this->assign('show',$pagestr);
        if(IS_AJAX){
           exit($this->fetch('list'));
        }
        $this->display('list');
        
    }

静态页面:

<script type="text/javascript" src="/Public/shouye/js/jquery-1.7.1.min.js"></script>
<div id="ajax_div">
<table>
    <tr>
        <td>性别</td><td>年龄</td><td>单位</td>
    </tr>
    <?php foreach($list as $v){ ?>
        <tr>
        <td><?php echo $v['total_money']; ?></td>
        <td><?php echo $v['time']; ?></td>
         <td><?php echo $v['ip']; ?></td>
         </tr>
         <?php } ?>
        
</table>
    <div><div id="ajax_page_div">{$show}</div></div>
</div>
<script>

$("body").delegate("#ajax_page_div a","click",function(){
            $.get(this.href,function(html){
                $('#ajax_div').html(html);
            });
            return false;
        });   
    });
</script>





© 著作权归作者所有

粉丝 3
博文 60
码字总数 15081
作品 0
朝阳
私信 提问
jQuery 的表格插件--jQuery-xjzTable

一个功能强大且简单易用的表格插件. 特点: 支持分页、分页信息、分页大小 支持ajax数据源、本地数据源 支持排序 单元格鼠标悬停浮动tooltip 自定义单元格内容渲染 精准控制dom生成 回调函数...

清晨de阳光
2016/10/17
622
0
清晨de阳光/jquery-xjzTable

#jquery-xjzTable 一个功能强大且简单易用的表格插件. 演示地址:http://null7200252.oschina.io/jquery-xjztable/doc/ 特点: 支持分页、分页信息、分页大小 支持ajax数据源、本地数据源 支持...

清晨de阳光
2016/11/04
0
0
开始nodejs+express的学习+实践(7)

1.分页显示数据 准备工作:启动数据库服务,打开mongo.exe,启动nodejs服务。 浏览器地址:http://localhost:1234/ 会看见显示的数据。 我们要做的是分页显示数据,在预览时我们经常看见,现...

透笔度
2015/12/29
107
0
网易云音乐 评论 分页

今天在网易云音乐上听音乐的时候,留意到分页是局部刷新,我以为是ajax实现的, 当我f12查看请求头的时候发现,并没有 X-Requested-With:XMLHttpRequest 既然没有用到AJAX分页,那为何页面是...

hellotrms
2017/02/28
169
3
JSP/PHP基于Ajax的分页功能实现

最近JSP课程实训,然后自己做了一个新闻后台控制台。新闻列表的展示如果不用页面部分刷新(Ajax)来做的话,翻页的时候会重刷新页面(感觉很难看··),所以决定根据书上的例子+搜索的代码用Aja...

Lanz
2014/01/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

gradle grovvy中的闭包

1. 无参数的闭包 //这b1就是一个闭包def b1={ println "hello b1"}//定义方法,包含闭包类型的参数def method1(Closure closure){closure()}//执行method1method1(b1) 执行结果 ...

edison_kwok
今天
3
0
基于Spring Boot + Dubbo的全链路日志追踪(一)

一、 概要 当前公司后端整体架构为:Spring Boot + Dubbo。由于早期项目进度等原因,对日志这块没有统一的规范,基本上是每个项目自己管自己的日志。这也对后面的问题排查带来了很大的困难,...

明天以后
今天
7
0
安装fastdfs文件服务器步骤

1、安装libfastcommon wget https://github.com/happyfish100/libfastcommon/archive/master.zip 解压后安装 cd fastcommon-master ./make.sh ./make.sh install 2、安装 FastDFS,从sourcef......

lsjlgo
今天
4
0
MySQL 5.7 免安装版配置

下载地址:https://dev.mysql.com/downloads/mysql/ 安装步骤 1.下载zip解压到目录下 2.配置环境变量 新建系统变量:MYSQL_HOME,值:D:\DevelopmentTool\Mysql-5.7.26-winx64 修改path变量:...

华山猛男
今天
7
0
java map的遍历

//从大的角度可以分为两类Set<String> set=map.keySet();这里面还可以分为3类, 从set的角度来分 //Set<Map.Entry<String, String>> entery=map.entrySet(); public class Test { public sta......

南桥北木
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部