码迷，mamicode.com
首页 > Web开发 > 详细

ajax做分页

时间：2017-02-19 10:59:46      阅读：337      评论：0      收藏：0      [点我收藏+]

标签：exists   自定义输出   inpu   自动   默认值   keycode   padding   跳转   pdo   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>

<body>
<table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0">
    
</table>
<div>
<span id="shang">上一页</span>
<span id="xia">下一页</span>
<span>当前第：<input type="text" id="dq" value="1" />页</span>
<span>总共：<span id="zys"></span>页</span>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    FenYe();
    ZYS(5);
    
    $("#shang").click(function(){
            var dq = parseInt($("#dq").val());
            
            if(dq>1)
            {
                $("#dq").val(dq-1);
            }
            else
            {
                $("#dq").val(1);
            }
            FenYe();
        })
    
    $("#xia").click(function(){
            var dq = parseInt($("#dq").val());
            if(dq<$("#zys").text())
            {
                $("#dq").val(dq+1);
            }
            else
            {
                $("#dq").val($("#zys").text());
            }
            FenYe();
        })    
    
});

//实现分页的方法
function FenYe()
{
    var dq = $("#dq").val();
    $.ajax({
        url:"chuli.php",
        data:{page:dq},
        dataType:"JSON",
        type:"GET",
        success: function(data){
            
            var str = "<tr><td>代号</td><td>名称</td></tr>";
            for(var k in data)
            {
                str=str+"<tr><td>"+data[k].Code+"</td><td>"+data[k].Name+"</td></tr>";
            }
                $("#tb").html(str);
            }
        });
    
}

//根据每页几条数据求总页数
function ZYS(n)
{
    $.ajax({
        url:"zyschuli.php",
        data:{list:n},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            alert(data);
            $("#zys").text(data);
            }
        });
}

</script>
</html>

chuli.php

<?php
include("DBDA.php");
$db = new DBDA();

include("page.class.php");

$sql = "select count(*) from Info";
$zs = $db->StrQuery($sql);

$page = new Page($zs,5);

$sqlsj = "select * from nation ".$page->limit;
//echo $sqlsj;
echo $db->JsonQuery($sqlsj);

zyschuli.php

<?php

include("DBDA.php");
$db = new DBDA();

$sql ="select count(*) from nation";
$sj = $db->StrQuery($sql);

$list = $_POST["list"];

$zys = 0;
if($sj%$list==0)
{
    $zys = $sj/$list;
}
else
{
    $zys = floor($sj/$list) +1;
}

echo $zys;

page.class.php

<?php
    /**
        file: page.class.php 
        完美分页类 Page 
    */
    class Page {
        private $total;                            //数据表中总记录数
        private $listRows;                         //每页显示行数
        private $limit;                            //SQL语句使用limit从句,限制获取记录个数
        private $uri;                              //自动获取url的请求地址
        private $pageNum;                          //总页数
        private $page;                            //当前页    
        private $config = array(
                ‘head‘ => "条记录", 
                ‘prev‘ => "上一页", 
                ‘next‘ => "下一页", 
                ‘first‘=> "首页", 
                ‘last‘ => "末页"
            );                     
        //在分页信息中显示内容，可以自己通过set()方法设置
        private $listNum = 10;                     //默认分页列表显示的个数

        /**
            构造方法，可以设置分页类的属性
            @param    int    $total        计算分页的总记录数
            @param    int    $listRows    可选的，设置每页需要显示的记录数，默认为25条
            @param    mixed    $query    可选的，为向目标页面传递参数,可以是数组，也可以是查询字符串格式
            @param     bool    $ord    可选的，默认值为true, 页面从第一页开始显示，false则为最后一页
         */
        public function __construct($total, $listRows=25, $query="", $ord=true){
            $this->total = $total;
            $this->listRows = $listRows;
            $this->uri = $this->getUri($query);
            $this->pageNum = ceil($this->total / $this->listRows);
            /*以下判断用来设置当前面*/
            if(!empty($_GET["page"])) {
                $page = $_GET["page"];
            }else{
                if($ord)
                    $page = 1;
                else
                    $page = $this->pageNum;
            }

            if($total > 0) {
                if(preg_match(‘/\D/‘, $page) ){
                    $this->page = 1;
                }else{
                    $this->page = $page;
                }
            }else{
                $this->page = 0;
            }
            
            $this->limit = "LIMIT ".$this->setLimit();
        }

        /**
            用于设置显示分页的信息，可以进行连贯操作
            @param    string    $param    是成员属性数组config的下标
            @param    string    $value    用于设置config下标对应的元素值
            @return    object            返回本对象自己$this， 用于连惯操作
         */
        function set($param, $value){
            if(array_key_exists($param, $this->config)){
                $this->config[$param] = $value;
            }
            return $this;
        }
        
        /* 不是直接去调用，通过该方法，可以使用在对象外部直接获取私有成员属性limit和page的值 */
        function __get($args){
            if($args == "limit" || $args == "page")
                return $this->$args;
            else
                return null;
        }
        
        /**
            按指定的格式输出分页
            @param    int    0-7的数字分别作为参数，用于自定义输出分页结构和调整结构的顺序，默认输出全部结构
            @return    string    分页信息内容
         */
        function fpage(){
            $arr = func_get_args();

            $html[0] = "<span class=‘p1‘>&nbsp;共<b> {$this->total} </b>{$this->config["head"]}&nbsp;</span>";
            $html[1] = "&nbsp;本页 <b>".$this->disnum()."</b> 条&nbsp;";
            $html[2] = "&nbsp;本页从 <b>{$this->start()}-{$this->end()}</b> 条&nbsp;";
            $html[3] = "&nbsp;<b>{$this->page}/{$this->pageNum}</b>页&nbsp;";
            $html[4] = $this->firstprev();
            $html[5] = $this->pageList();
            $html[6] = $this->nextlast();
            $html[7] = $this->goPage();

            $fpage = ‘<div style="font:12px \‘\5B8B\4F53\‘,san-serif;">‘;
            if(count($arr) < 1)
                $arr = array(0, 1,2,3,4,5,6,7);
                
            for($i = 0; $i < count($arr); $i++)
                $fpage .= $html[$arr[$i]];
        
            $fpage .= ‘</div>‘;
            return $fpage;
        }
        
        /* 在对象内部使用的私有方法，*/
        private function setLimit(){
            if($this->page > 0)
                return ($this->page-1)*$this->listRows.", {$this->listRows}";
            else
                return 0;
        }

        /* 在对象内部使用的私有方法，用于自动获取访问的当前URL */
        private function getUri($query){    
            $request_uri = $_SERVER["REQUEST_URI"];    
            $url = strstr($request_uri,‘?‘) ? $request_uri :  $request_uri.‘?‘;
            
            if(is_array($query))
                $url .= http_build_query($query);
            else if($query != "")
                $url .= "&".trim($query, "?&");
        
            $arr = parse_url($url);

            if(isset($arr["query"])){
                parse_str($arr["query"], $arrs);
                unset($arrs["page"]);
                $url = $arr["path"].‘?‘.http_build_query($arrs);
            }
            
            if(strstr($url, ‘?‘)) {
                if(substr($url, -1)!=‘?‘)
                    $url = $url.‘&‘;
            }else{
                $url = $url.‘?‘;
            }
            
            return $url;
        }

        /* 在对象内部使用的私有方法，用于获取当前页开始的记录数 */
        private function start(){
            if($this->total == 0)
                return 0;
            else
                return ($this->page-1) * $this->listRows+1;
        }

        /* 在对象内部使用的私有方法，用于获取当前页结束的记录数 */
        private function end(){
            return min($this->page * $this->listRows, $this->total);
        }

        /* 在对象内部使用的私有方法，用于获取上一页和首页的操作信息 */
        private function firstprev(){
            if($this->page > 1) {
                $str = "&nbsp;<a href=‘{$this->uri}page=1‘>{$this->config["first"]}</a>&nbsp;";
                $str .= "<a href=‘{$this->uri}page=".($this->page-1)."‘>{$this->config["prev"]}</a>&nbsp;";        
                return $str;
            }

        }
    
        /* 在对象内部使用的私有方法，用于获取页数列表信息 */
        private function pageList(){
            $linkPage = "&nbsp;<b>";
            
            $inum = floor($this->listNum/2);
            /*当前页前面的列表 */
            for($i = $inum; $i >= 1; $i--){
                $page = $this->page-$i;

                if($page >= 1)
                    $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a>&nbsp;";
            }
            /*当前页的信息 */
            if($this->pageNum > 1)
                $linkPage .= "<span style=‘padding:1px 2px;background:#BBB;color:white‘>{$this->page}</span>&nbsp;";
            
            /*当前页后面的列表 */
            for($i=1; $i <= $inum; $i++){
                $page = $this->page+$i;
                if($page <= $this->pageNum)
                    $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a>&nbsp;";
                else
                    break;
            }
            $linkPage .= ‘</b>‘;
            return $linkPage;
        }

        /* 在对象内部使用的私有方法，获取下一页和尾页的操作信息 */
        private function nextlast(){
            if($this->page != $this->pageNum) {
                $str = "&nbsp;<a href=‘{$this->uri}page=".($this->page+1)."‘>{$this->config["next"]}</a>&nbsp;";
                $str .= "&nbsp;<a href=‘{$this->uri}page=".($this->pageNum)."‘>{$this->config["last"]}</a>&nbsp;";
                return $str;
            }
        }

        /* 在对象内部使用的私有方法，用于显示和处理表单跳转页面 */
        private function goPage(){
                if($this->pageNum > 1) {
                return ‘&nbsp;<input style="width:20px;height:17px !important;height:18px;border:1px solid #CCCCCC;" type="text" onkeydown="javascript:if(event.keyCode==13){var page=(this.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.value;location=\‘‘.$this->uri.‘page=\‘+page+\‘\‘}" value="‘.$this->page.‘"><input style="cursor:pointer;width:25px;height:18px;border:1px solid #CCCCCC;" type="button" value="GO" onclick="javascript:var page=(this.previousSibling.value>‘.$this->pageNum.‘)?‘.$this->pageNum.‘:this.previousSibling.value;location=\‘‘.$this->uri.‘page=\‘+page+\‘\‘">&nbsp;‘;
            }
        }

        /* 在对象内部使用的私有方法，用于获取本页显示的记录条数 */
        private function disnum(){
            if($this->total > 0){
                return $this->end()-$this->start()+1;
            }else{
                return 0;
            }
        }
    }

DBDA.php

<?php

class DBDA
{
    public $host = "localhost"; //服务器地址
    public $uid = "root"; //数据库的用户名
    public $pwd = "123"; //数据库的密码
    public $conn; //连接对象
    
    function __construct($db="test")
    {
        //造连接对象
        $this->conn = new MySQLi($this->host,$this->uid,$this->pwd,$db);
    }
    
    //执行SQL语句，返回相应结果的函数
    //$sql是要执行的SQL语句
    //$type是SQL语句的类型，0代表增删改，1代表查询
    //$db代表要操作的数据库
    public function Query($sql,$type=1)
    {
        
        //判断连接是否成功
        !mysqli_connect_error() or die("连接失败！");
        
        //执行SQL语句
        $result = $this->conn->query($sql);
        
        //判断SQL语句类型
        if($type==1)
        {
            //如果是查询语句返回结果集的二维数组
            return $result->fetch_all();
        }
        else
        {
            //如果是其他语句，返回true或false
            return $result;
        }
    }
    
    //Ajax调用返回JSON
    public function JsonQuery($sql,$type=1,$db="test")
    {
        //定义数据源
        $dsn = "mysql:dbname={$db};host={$this->host}";
        //造pdo对象
        $pdo = new PDO($dsn,"{$this->uid}","{$this->pwd}");

        
        //准备执行SQL语句
        $st = $pdo->prepare($sql);
        
        //执行预处理语句
        if($st->execute())
        {
            if($type==1)
            {
                $attr = $st->fetchAll(PDO::FETCH_ASSOC);
                return json_encode($attr);
            }
            else
            {
                if($st)
                {
                    return "OK";
                }
                else
                {
                    return "NO";
                }
            }
            
        }
        else
        {
            echo "执行失败！";
        }



    }
    //Ajax调用返回字符串
    public function StrQuery($sql,$type=1)
    {
        //造连接对象
        //$conn = new MySQLi($this->host,$this->uid,$this->pwd,$db);
        
        //判断连接是否成功
        !mysqli_connect_error() or die("连接失败！");
        
        //执行SQL语句
        $result = $this->conn->query($sql);
        
        //判断SQL语句类型
        if($type==1)
        {
            $attr = $result->fetch_all();
            $str = "";
            //如果是查询语句返回字符串
            for($i=0;$i<count($attr);$i++)
            {
                for($j=0;$j<count($attr[$i]);$j++)
                {
                    $str = $str.$attr[$i][$j];
                    $str = $str."^";
                }
                $str = substr($str,0,strlen($str)-1);
                $str = $str."|";
            }
            $str = substr($str,0,strlen($str)-1);
            
            return $str;
        }
        else
        {
            //如果是其他语句，返回true或false
            if($result)
            {
                return "OK";
            }
            else
            {
                return "NO";
            }
        }
    }
    
    function PdoQuery($sql,$type=1,$db="test")
    {
        //造数据源
        $dns = "mysql:host={$this->host};dbname={$db}";
        //造pdo对象
        $pdo = new PDO($dns,$this->uid,$this->pwd);
        
        //准备一条SQL语句
        $stm = $pdo->prepare($sql);    
        
        //执行预处理语句
        $r = $stm->execute();
        if($r)
        {
            if($type==1)
            {
                return $stm->fetchAll();
            }
            else
            {
                return "OK";
            }
        }
        else
        {
            return "执行失败！";
        }
    }
    
    
}

 

ajax做分页

标签：exists   自定义输出   inpu   自动   默认值   keycode   padding   跳转   pdo   

原文地址：http://www.cnblogs.com/sq45711478/p/6414823.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！