php 做分页ajax页面不刷新

最新推荐文章于 2021-03-09 21:25:49 发布

hexiaoniao

最新推荐文章于 2021-03-09 21:25:49 发布

阅读量894

点赞数

分类专栏： php 文章标签： laravel php ajax 分页

本文链接：https://blog.csdn.net/hexiaoniao/article/details/76125718

版权

php 专栏收录该内容

100 篇文章 0 订阅

订阅专栏

laravel里面有自带的分页：但是自己私下又弄了一种。

效果如下，分页按钮样式可以自己修改。

首先放入类：

在控制器里调用这个类：

ajax方法中使用：

json格式返回到页面上。

页面如何引用：页面将无刷新的数据这块独立出一个html文件，单独引入：

加载主页引入：

将ajax请求返回的html渲染到页面。

贴出page.php类：

<?php
namespace App\Lib\Api;

class Page
{
private $myde_count;       //总记录数
public $myde_size;        //每页记录数
private $myde_page;        //当前页
private $myde_page_count; //总页数
private $page_url;         //页面url
private $page_i;           //起始页
private $page_ub;          //结束页
public $page_limit;


function __construct($myde_count=0,$myde_size=1,$myde_page=1,$page_url,$type)   //构造函数,初始化
{
    $this->myde_type=$this->numeric($type);
   $this->myde_count=$this->numeric($myde_count);
   $this->myde_size=$this->numeric($myde_size);
   $this->myde_page=$this->numeric($myde_page);
   $this->page_limit=($this->myde_page * $this -> myde_size) - $this -> myde_size; //下一页的开始记录
   $this->page_url=$page_url; //连接的地址
   if($this->myde_page<1)$this->myde_page=1; //当前页小于1的时候，，值赋值为1
   if($this->myde_count<0)$this->myde_page=0;
   $this->myde_page_count=ceil($this->myde_count/$this->myde_size);//总页数
   if($this->myde_page_count<1)
    $this->myde_page_count=1;
   if($this->myde_page > $this->myde_page_count)
     $this->myde_page = $this->myde_page_count;
  
  
   //控制显示出来多少个页码（这个是原来的）
   //$this->page_i = $this->myde_page-2;
   //$this->page_ub = $this->myde_page+2;


   $this->page_i = $this->myde_page;
   $this->page_ub = $this->myde_page+5;
   //以下这个if语句是保证显示5个页码
   if($this->page_ub > $this->myde_page_count)
   {
     $this->page_ub = $this->myde_page_count;
$this->page_i = $this->page_ub-5;
   }
  
  
   if($this->page_i<1)$this->page_i=1;       
        if($this->page_ub>$this->myde_page_count){$this->page_ub=$this->myde_page_count; }
}
      private function numeric($id) //判断是否为数字
    {
        
      return $id;
    }


private function page_replace($page) //地址替换
{return str_replace("{page}", $page, $this -> page_url);}


private function myde_home() //首页
{ if($this -> myde_page != 1){
    $type=$this->myde_type;
    $first=1;
    return "    <li class=\"page_a\"><a href=\"javascript:ajaxpage(".$first.','.$type.")\" title=\"首页\" >首页</a></li>\n";
   }else{
    return "    <li>首页</li>\n";  
   }
}
private function myde_prev() //上一页
{ if($this -> myde_page != 1){
    $type=$this->myde_type;
    $numshang=$this->myde_page-1;
    return "    <li class=\"page_a\"><a href=\"javascript:ajaxpage(".$numshang.','.$type.")\" title=\"上一页\" >上一页</a></li>\n";
   }else{
    return "    <li>上一页</li>\n";  
   }
}
private function myde_next() //下一页
{
if($this -> myde_page != $this -> myde_page_count){
    $numxia=$this->myde_page+1;
    $type=$this->myde_type;
     return "    <li class=\"page_a\"><a href=\"javascript:ajaxpage(".$numxia.','.$type.")\" title=\"下一页\" >下一页</a></li>\n";
   }else
     {
    return "    <li>下一页</li>\n";  
   }
}
private function myde_last() //尾页
{
   if($this -> myde_page != $this -> myde_page_count){
       $type=$this->myde_type;
     return "    <li class=\"page_a\"><a href=\"javascript:ajaxpage(".$this -> myde_page_count.','.$type.")\" title=\"尾页\" >尾页</a></li>\n";
   }else{
     return "    <li>尾页</li>\n";  
   }
}
function myde_write($id='page') //输出
{
   $str = "<div id=\"".$id."\" class=\"pages\">\n <ul>\n ";
//   $str .= "<li>总记录:<span>".$this -> myde_count."</span></li>\n";
//   $str .= "<li><span>".$this -> myde_page."</span>/<span>".$this -> myde_page_count."</span></li>\n";
   $str .= $this -> myde_home(); //调用方法，显示“首页”
   $str .= $this -> myde_prev(); //调用方法，显示“上一页”

   //以下显示1,2,3...分页
   for($page_for_i=$this->page_i;$page_for_i <= $this -> page_ub;$page_for_i++){
    if($this -> myde_page == $page_for_i){  
            $str .= "<li class=\"on\">".$page_for_i."</li>\n";   
    }  
    else{
        $type=$this->myde_type;
     $str .= "<li class=\"page_a\"><a href=\"javascript:ajaxpage(".$page_for_i.','.$type.")\" title=\"第".$page_for_i."页\">";
     $str .= $page_for_i . "</a></li>\n";
    }
        }
   $str .= $this -> myde_next(); //调用方法，显示“下一页”
   $str .= $this -> myde_last(); //调用方法，显示“尾页”


   //以上是显示跳转页框
   $str .= " </ul></div>";
   return $str;
}
function myde_write1($id='page') //输出
{
   $str = "<div id=\"".$id."\" class=\"pages\">\n <ul>\n ";
//   $str .= "<li>总记录:<span>".$this -> myde_count."</span></li>\n";
//   $str .= "<li><span>".$this -> myde_page."</span>/<span>".$this -> myde_page_count."</span></li>\n";
   $str .= $this -> myde_home(); //调用方法，显示“首页”
   $str .= $this -> myde_prev(); //调用方法，显示“上一页”
   //以下显示1,2,3...分页
   for($page_for_i=$this->page_i;$page_for_i <= $this->page_ub;$page_for_i++){
    if($this -> myde_page == $page_for_i)
{  
            $str .= "<li class=\"on\">".$page_for_i."</li>\n";   
    }  
    else{
        $type=$this->myde_type;
     $str .= "<li class=\"page_a\"><a href=\"javascript:ajaxpage(".$page_for_i.','.$type.")\" title=\"第".$page_for_i."页\">";
     $str .= $page_for_i . "</a></li>\n";   
    }
    //以上显示1,2,3...分页
}
   $str .= $this -> myde_next(); //调用方法，显示“下一页”
   $str .= $this -> myde_last(); //调用方法，显示“尾页”

    //以下是显示下拉式跳转页框
//$str .="<li ><select class=\"**********\" οnchange=\" javascript: ajaxpage("+this.value+");return false; \">";
    $str .="<option value=\"\"></option>";
for($i=1;$i <= $this->myde_page_count;$i++)
     {
    $str .="<option value=\"".$i."\">".$i."</option>";
     }
//$str .="</select></li>\n";
   //以下是显示下拉式跳转页框


//   return $str;
}
}
/*-------------------------实例--------------------------------*
$page = new PageClass(1000,5,$_GET['page'],'?page={page}');//用于动态
$page = new PageClass(1000,5,$_GET['page'],'list-{page}.html');//用于静态或者伪静态
$page -> myde_write();//显示
*/
?>