Home > Backend Development > PHP Tutorial > How to implement refresh-free paging using ajax in Thinkphp

How to implement refresh-free paging using ajax in Thinkphp

不言
Release: 2023-03-30 09:48:02
Original
1712 people have browsed it

This article mainly introduces the relevant information on the method of using ajax to achieve non-refresh paging in Thinkphp. It is very good and has reference value. Friends in need can refer to it

Lib\ORG in the Thinkphp directory Create a new AjaxPage.class.php in the \Util\ directory and write the following content:

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
// +----------------------------------------------------------------------
// | Copyright (c) 2009 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: liu21st <liu21st@gmail.com>
// +----------------------------------------------------------------------
// $Id: Page.class.php 2712 2012-02-06 10:12:49Z liu21st $
class AjaxPage {
// 分页栏每页显示的页数
public $rollPage = 5;
// 页数跳转时要带的参数
public $parameter ;
// 默认列表每页显示行数
public $listRows = 20;
// 起始行数
public $firstRow ;
// 分页总页面数
protected $totalPages ;
// 总行数
protected $totalRows ;
// 当前页数
protected $nowPage ;
// 分页的栏的总页数
protected $coolPages ;
// 分页显示定制
protected $config = array(&#39;header&#39;=>&#39;条记录&#39;,&#39;prev&#39;=>&#39;上一页&#39;,&#39;next&#39;=>&#39;下一页&#39;,&#39;first&#39;=>&#39;第一页&#39;,&#39;last&#39;=>&#39;最后一页&#39;,&#39;theme&#39;=>&#39; %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%&#39;);
// 默认分页变量名
protected $varPage;
public function __construct($totalRows,$listRows=&#39;&#39;,$ajax_func,$parameter=&#39;&#39;) {
$this->totalRows = $totalRows;
$this->ajax_func = $ajax_func;
$this->parameter = $parameter;
$this->varPage = C(&#39;VAR_PAGE&#39;) ? C(&#39;VAR_PAGE&#39;) : &#39;p&#39; ;
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;
}
}
public function show() {
if(0 == $this->totalRows) return &#39;&#39;;
$p = $this->varPage;
$nowCoolPage = ceil($this->nowPage/$this->rollPage);
$url = $_SERVER[&#39;REQUEST_URI&#39;].(strpos($_SERVER[&#39;REQUEST_URI&#39;],&#39;?&#39;)?&#39;&#39;:"?").$this->parameter;
$parse = parse_url($url);
if(isset($parse[&#39;query&#39;])) {
parse_str($parse[&#39;query&#39;],$params);
unset($params[$p]);
$url = $parse[&#39;path&#39;].&#39;?&#39;.http_build_query($params);
}
//上下翻页字符串
$upRow = $this->nowPage-1;
$downRow = $this->nowPage+1;
if ($upRow>0){
$upPage="<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$upRow.")&#39;>".$this->config[&#39;prev&#39;]."</a>";
}else{
$upPage="";
}
if ($downRow <= $this->totalPages){
$downPage="<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$downRow.")&#39;>".$this->config[&#39;next&#39;]."</a>";
}else{
$downPage="";
}
// << < > >>
if($nowCoolPage == 1){
$theFirst = "";
$prePage = "";
}else{
$preRow = $this->nowPage-$this->rollPage;
$prePage = "<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$preRow.")&#39;>上".$this->rollPage."页</a>";
$theFirst = "<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(1)&#39; >".$this->config[&#39;first&#39;]."</a>";
}
if($nowCoolPage == $this->coolPages){
$nextPage = "";
$theEnd="";
}else{
$nextRow = $this->nowPage+$this->rollPage;
$theEndRow = $this->totalPages;
$nextPage = "<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$nextRow.")&#39; >下".$this->rollPage."页</a>";
$theEnd = "<a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$theEndRow.")&#39; >".$this->config[&#39;last&#39;]."</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 .= " <a id=&#39;big&#39; href=&#39;javascript:".$this->ajax_func."(".$page.")&#39;> ".$page." </a>";
}else{
break;
}
}else{
if($this->totalPages != 1){
$linkPage .= " <span class=&#39;current&#39;>".$page."</span>";
}
}
}
$pageStr = str_replace(
array(&#39;%header%&#39;,&#39;%nowPage%&#39;,&#39;%totalRow%&#39;,&#39;%totalPage%&#39;,&#39;%upPage%&#39;,&#39;%downPage%&#39;,&#39;%first%&#39;,&#39;%prePage%&#39;,&#39;%linkPage%&#39;,&#39;%nextPage%&#39;,&#39;%end%&#39;),
array($this->config[&#39;header&#39;],$this->nowPage,$this->totalRows,$this->totalPages,$upPage,$downPage,$theFirst,$prePage,$linkPage,$nextPage,$theEnd),$this->config[&#39;theme&#39;]);
return $pageStr;
}
}
?>
Copy after login

Write the following content in the controller:

<?php
class UserAction extends Action{
public function user(){
import("ORG.Util.AjaxPage");// 导入分页类 注意导入的是自己写的AjaxPage类
$credit = M(&#39;user&#39;);
$count = $credit->count(); //计算记录数
$limitRows = 5; // 设置每页记录数
$p = new AjaxPage($count, $limitRows,"user"); //第三个参数是你需要调用换页的ajax函数名
$limit_value = $p->firstRow . "," . $p->listRows;
$data = $credit->order(&#39;id desc&#39;)->limit($limit_value)->select(); // 查询数据
$page = $p->show(); // 产生分页信息,AJAX的连接在此处生成
$this->assign(&#39;list&#39;,$data);
$this->assign(&#39;page&#39;,$page);
$this->display();
}
}
?>
Copy after login

The template file is as follows:

<html>
<head>
<title>Ajax无刷新分页</title>
<script type="text/javascript" src="../Public/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function user(id){ //user函数名 一定要和action中的第三个参数一致上面有
var id = id;
$.get(&#39;User/user&#39;, {&#39;p&#39;:id}, function(data){ //用get方法发送信息到UserAction中的user方法
$("#user").replaceWith("<p id=&#39;user&#39;>"+data+"</p>"); //user一定要和tpl中的一致
});
}
</script>
</head>
<body>
<p id=&#39;user&#39;> <!--这里的user和下面js中的test要一致-->
<volist id=&#39;list&#39; name=&#39;list&#39;> <!--内容输出-->
<{$list.id}>  <{$list.username}><br/>
</volist>
<{$page}> <!--分页输出-->
</p>
</body>
</html>
Copy after login

Related recommendations:

How to implement asynchronous transmission technology using ThinkAjax built in ThinkPHP

How to use ajax to receive json data in ThinkPHP

The above is the detailed content of How to implement refresh-free paging using ajax in Thinkphp. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template