ajax做分页
Posted 夜雨声烦丶
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax做分页相关的知识,希望对你有一定的参考价值。
<!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‘> 共<b> {$this->total} </b>{$this->config["head"]} </span>"; $html[1] = " 本页 <b>".$this->disnum()."</b> 条 "; $html[2] = " 本页从 <b>{$this->start()}-{$this->end()}</b> 条 "; $html[3] = " <b>{$this->page}/{$this->pageNum}</b>页 "; $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 = " <a href=‘{$this->uri}page=1‘>{$this->config["first"]}</a> "; $str .= "<a href=‘{$this->uri}page=".($this->page-1)."‘>{$this->config["prev"]}</a> "; return $str; } } /* 在对象内部使用的私有方法,用于获取页数列表信息 */ private function pageList(){ $linkPage = " <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> "; } /*当前页的信息 */ if($this->pageNum > 1) $linkPage .= "<span style=‘padding:1px 2px;background:#BBB;color:white‘>{$this->page}</span> "; /*当前页后面的列表 */ for($i=1; $i <= $inum; $i++){ $page = $this->page+$i; if($page <= $this->pageNum) $linkPage .= "<a href=‘{$this->uri}page={$page}‘>{$page}</a> "; else break; } $linkPage .= ‘</b>‘; return $linkPage; } /* 在对象内部使用的私有方法,获取下一页和尾页的操作信息 */ private function nextlast(){ if($this->page != $this->pageNum) { $str = " <a href=‘{$this->uri}page=".($this->page+1)."‘>{$this->config["next"]}</a> "; $str .= " <a href=‘{$this->uri}page=".($this->pageNum)."‘>{$this->config["last"]}</a> "; return $str; } } /* 在对象内部使用的私有方法,用于显示和处理表单跳转页面 */ private function goPage(){ if($this->pageNum > 1) { return ‘ <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+\‘\‘"> ‘; } } /* 在对象内部使用的私有方法,用于获取本页显示的记录条数 */ 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做分页的主要内容,如果未能解决你的问题,请参考以下文章
项目一众筹网04_0_角色维护-分页(全部用Ajax来做_ajax默认为异步,但是也可以设置为同步_异步做分页_js会比较多我们的js写到外部测试接口通不通