php 做分页ajax页面不刷新

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=\"**********\" onchange=\" 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();//显示 */ ?>