建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网站开发 > PHP教程 >

PHP结合Ajax实现数字分页

时间:2011-01-07 10:33来源: 作者: 点击:
给大家分享一个PHP与Ajax相结合仿百度的数字分页,足够大家日常使用,这里只是一个简单的例子,在使用过程中需要做小的修改,至于其改动方式得看你自己了。 分页代码: <?php mysql_connect(‘localhost’,'root’,”) or die(‘Ho

给大家分享一个PHP与Ajax相结合仿百度的数字分页,足够大家日常使用,这里只是一个简单的例子,在使用过程中需要做小的修改,至于其改动方式得看你自己了。
分页代码:
<?php

mysql_connect(‘localhost’,'root’,”) or die(‘Host error!’);
mysql_select_db(‘test’);
mysql_query(‘SET NAMES utf8′);
$pageSize = 5;
$query = mysql_query(“SELECT * FROM test ORDER BY id DESC LIMIT
$pageSize”);
while($row = mysql_fetch_object($query)){
$results[] = clone $row;
}
$query = mysql_query(‘SELECT COUNT(*) AS count FROM test’);
$count = mysql_fetch_object($query);
if(‘get’ == $_GET['action']){
$offset = $_GET['offset'];
$size = ($offset - 1) * $pageSize;
$query = mysql_query(“SELECT * FROM test ORDER BY id DESC
LIMIT $size,$pageSize”);
while($row = mysql_fetch_object($query)){
$row->count = $count->count;
$result[] = clone $row;
}
echo json_encode($result);//数据记录
exit();
}
if(‘ajax’ == $_GET['action']){
echo $count->count;//记录总数
exit();
}
?>
<html>
<head>
<title> This is a digital pager’s demo with PHP 、Mysql and Ajax!</title>
<script type=”text/javascript” src=”jquery.js”></script>
<script>
$(document).ready(function(){
$.get(‘pager.php’,{action:’ajax’},function(data){
var pagerString = ”;
var pageSize = 5;
var countPage = Math.ceil(data / pageSize);
for(i = 1;i <= countPage && 10 >= i;i++){
if(1 == i){
pagerString += ’<a>’+i+’</a> ’
} else {
pagerString += ’<a href=”javascript:void(0)” onclick=”paging(‘
+i+’)”>’+i+’</a> ’
}
}
$(‘#pager’).html(pagerString);
});
});
function paging(page){
$.getJSON(‘pager.php’,{offset:page,action:’get’},function(data){
var pagerString = ”;
var htmlContentString = ”
var pageSize = 5;
var countPage = Math.ceil(data[0].count / pageSize);
$.each(data,function(i,n){
htmlContentString += ’<p>Test:’+n['test']+’</P>’;
});
for(i = page - 9;i <= page + 9 && i <= countPage;i++){
if(0 < i){
if(i == page){
pagerString += ’<a>’+i+’</a> ’
} else {
pagerString += ’<a href=”javascript:void(0)” onclick=”paging(‘
+i+’)”>’+i+’</a> ’
}
}
}
$(‘#pager’).html(pagerString);
$(‘#content’).html(htmlContentString);
});
}
</script>
</head>
<body>
<div id=”content”>
<!–数据记录–>
<?php foreach($results as $values):?>
<p>Test:<?php echo $values->test;?></p>
<?php endforeach;?>
</div>
<div id=”pager”>
<!–翻页条码–>
</div>
</body>
</html>

 

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片