ajax分页
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax分页相关的知识，希望对你有一定的参考价值。
说明
test.php是要分页的页面
使用ajax分页，注意提交采用GET方式，这是因为分页类使用GET
分页信息需要自己用html写出来，不能使用分页类里面的$page->fpage ()了。
页面有个文本框来存储当前页数
上一页，下一页等都是去修改当前页数
分页函数直接调用当前页数传递给处理页面取得当前页的内容
其它分页信息参照例子自己写
可以自己修改以适合自己的风格
text.php
<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(2);
$("#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){
$("#zys").text(data);
}
});
}
</script>
</html>
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;
}
}
}
fenye.class.php
<?php
/**
file: page.class.php
完美分页类 Page
*/
class Page {
private $total; //数据表中总记录数
private $listRows; //每页显示行数
private $limit; //SQL语句使用limit从句,限制获取记录个数
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;
}
}
}
chuli.php
<?php
include("DBDA.php");
$db = new DBDA();
include("page.class.php");
$sql = "select count(*) from Nation";
$zs = $db->StrQuery($sql);
$page = new Page($zs,2);
$sqlsj = "select * from Info ".$page->limit;
//echo $sqlsj;
echo $db->JsonQuery($sqlsj);
zyschuli.php
<?php
include("DBDA.php");
$db = new DBDA();
$sql ="select count(*) from Info";
$sj = $db->StrQuery($sql);
$list = $_POST["list"];
$zys = 0;
if($sj%$list==0)
{
$zys = $sj/$list;
}
else
{
$zys = floor($sj/$list) +1;
}
echo $zys;
以上是关于ajax分页的主要内容，如果未能解决你的问题，请参考以下文章