PHP、jQuery、jQueryPager结合实现Ajax分页
建立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分頁器 當(dāng)前第" + pageclickednumber + "頁");?
</script>
</head>
<body>
<div id="content">當(dāng)前第頁的內(nèi)容</div>
<div id="pager" ></div>
<!--
<h1 id="result">測試jQuery分頁器 </h1> <div id="pager" ></div>
-->
</body>
</html>
?
服務(wù)器響應(yīng)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參數(shù)
??? if(isset($_POST['pager']) && isset($_POST['count']))
??? {
??????? echo GetDeptpager($_POST['count'],$_POST['pager']);
??? }
??? else
??? {
??????? echo "沒有傳入?yún)?shù)!";
??? }
??? 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 '每頁記錄數(shù)：'.$count.'當(dāng)前頁碼：'.$pager;
??? }
?>
?
?
該測試可以使用jQuerypager來實(shí)現(xiàn)Ajax分頁，但第一次顯示的時(shí)候沒有顯示第一頁數(shù)據(jù)，需要改進(jìn)一下。
轉(zhuǎn)載于:https://www.cnblogs.com/GarfieldTom/archive/2009/06/11/1501143.html
總結(jié)
以上是生活随笔為你收集整理的PHP、jQuery、jQueryPager结合实现Ajax分页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Windows Server 2008常
- 下一篇： 2009 年 3月 二级 java