程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> Pear::Pager和AJAX的整合應用

Pear::Pager和AJAX的整合應用

編輯:關於PHP編程

作為一個PHP開發人員來說,大概很讓人受用的一個東東就是Pear的類庫了。我們知道,Pear::Pager是專門處理分頁的,而Pear::HTML_AJAX則是Ajax應用的一些類庫。但是Pager也不僅僅是只能用於html的分頁鏈接,它已經為比超女還紅的Ajax做好了准備,下面看看這兩個包如何整合應用。

Pager and Javascript
現在走出第一步,Pager已經能夠構建出javascript的鏈接了,和Ajax整合,理論上應該也是能夠實現的,下面是Pager和javascript分頁的一個例子:

PLAIN TEXT
PHP:
require_oncePager/Pager.php;
$data=range(1,100);//an array of data to paginate
$pager_params=array(
   mode     =>Sliding,
   append   =>false, //dont append the GET parameters to the url
   path     =>,
   fileName=>javascript:revealDiv(%d), //Pager replaces "%d" with the page number...
   perPage  =>10,//show 10 items per page
   delta    =>5,
   itemData=>$data,
);
$pager= & Pager::factory($pager_params);
$n_pages=$pager->numPages();
$links=$pager->getLinks();
?>
<html>
<head>
    <script type="text/javascript"language="javascript">
   varn_pages =<?phpecho$n_pages?>;
   functionrevealDiv(n)
   {
       for(varcount=1;count<= n_pages;count++){
          document.getElementById("page"+count).style.display =none;
       }
        document.getElementById("page"+n).style.display =block;
   }
   </script>
    <style type="text/css">
    div.page{
      background:#FFFF99;
      border-top: 1px solid#FFBF99;
      border-bottom: 1px solid#FFBF99;
   }
    </style>
</head>
<body>
<h1>PEAR::Pagerexample with JavaScript</h1>
<?phpecho$links[pages];?>
<hr />
<?php
for($i=1;$i<=$n_pages; ++$i){
   echo<div class="page" id="page.$i.">;
   echo<h2>Page .$i.</h2>;
   foreach($pager->getPageData($i)as$item){
       echoItem .$item.<br />;
   }
   echo</div>;
}
?>
<hr />
<script type="text/javascript"language="javascript">
revealDiv(1);
</script>
</body>
</html>
例子中把分頁的所有數據放入一個div標簽,定義了兩個比較重要的參數就是path(為空)和fileName,fileName原本應該是鏈接的文件名,但是這裡用javascript替換了。

Ajax上陣
這個例子包括三個文件page.html,server.php,testdata.php


page.html
用動態javascript--server.php來處理數據,調用HTML_AJAX.replace(target, testdata.php)來替換id為target這個div的內容。

PLAIN TEXT
PHP:
<html>
<body>
<h1>PEAR::Pagerexample with AJAX</h1>
 
<script type="text/javascript"src="server.php?client=all"></script>
 
<div id="target">Im the target</div>


<script type="text/javascript">
    HTML_AJAX.replace(target, testdata.php);
</script>


</body>
</html>
testdata.php
這是個很簡單的php程序,取到分頁數據並輸出html

PLAIN TEXT
PHP:
<?php
require_oncePager/Pager.php;
$data=range(1,100);//an array of data to paginate
$pager_params=array(
   mode     =>Sliding,
   append   =>false, //dont append the GET parameters to the url
   path     =>,
   fileName=>javascript:HTML_AJAX.replace( arget, estdata.php?pageID=%d);, //Pager replaces "%d" with the page number...
   perPage  =>10,//show 10 items per page
   delta    =>1,
   itemData=>$data,
);
$pager= & Pager::factory($pager_params);
$n_pages=$pager->numPages();
$links=$pager->getLinks();
echo<p>This container is loaded with an AJAX call</p>;
echo<p><span class="datetime">DateTime: .date(Y-m-d H:i:s).</span></p>;
echo<h3>Page .$pager->getCurrentPageId().</h3>;
foreach($pager->getPageData()as$item){
   echoItem .$item.<br />;
}
echo<hr />.$pager->links;
?>
最後,貼上幕後工作者server.php的代碼
用HTML_AJAX_Server來處理ajax這些煩心事吧

PLAIN TEXT
PHP:
<?php
includeHTML/AJAX/Server.php;
 
$server=newHTML_AJAX_Server();
$server->handleRequest();
?>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved