建立html文件:
<!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>
<title>jQuery.pager.js Test</title>
<link href="Pager.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="jquery.pager.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#pager").pager({ pagenumber: 1, pagecount: 2, buttonClickCallback: PageClick });
});
function CreateQueryString(pageclickednumber)
{
var querystr="pager="+pageclickednumber+"&count=1";
return querystr;
}
function TestClick(pageclickednumber)
{
$.ajax({
type:"POST",
url:"../test/index.php",
data:CreateQueryString(pageclickednumber),
success:function(data){
$("#content").html(data);
}
});
}
PageClick = function(pageclickednumber)
{
TestClick(pageclickednumber);
//alert(pageclickednumber);
$("#pager").pager({ pagenumber: pageclickednumber,
pagecount: 2, buttonClickCallback: PageClick });
}
//$("#result").html("测试jQuery分页器 当前第" + pageclickednumber + "页");
</script>
</head>
<body>
<div id="content">当前第页的内容</div>
<div id="pager" ></div>
<!--
<h1 id="result">测试jQuery分页器 </h1> <div id="pager" ></div>
-->
</body>
</html>
服务器响应PHP文件:
<?php
header("content-type:text/html;charset:utf-8");
$db = @ mysql_connect("127.0.0.1","root","adsg");
mysql_select_db("tcrm");
$rs=mysql_query("set names utf8");
//如果传递了pager参数
if(isset($_POST['pager']) && isset($_POST['count']))
{
echo GetDeptpager($_POST['count'],$_POST['pager']);
}
else
{
echo "没有传入参数!";
}
function GetDeptPager($count,$pager)
{
$rs=mysql_query("select * from dept limit ".($pager-1)*$count.",".$count);
while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
}
$s="<table border=1>";
foreach($temp as $k=>$v)
{
$s.='<tr><td>部门编码</td><td>'.$v['DeptCode'].'</td><td>部门名称</td><td>'.$v['DeptName'].'</td></tr>';
}
$s.="</table>";
echo $s;
//echo '每页记录数:'.$count.'当前页码:'.$pager;
}
?>
该测试可以使用jQuerypager来实现Ajax分页,但第一次显示的时候没有显示第一页数据,需要改进一下。