Pear::Pager和AJAX的整合應用

2019-11-17 04:22:39

字體：大中小

來源：轉載

供稿：網友

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

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

PLAIN TEXT
PHP:
require_once'Pager/Pager.php';
$data=range(1,100);//an array of data to paginate
$pager_params=array(
   'mode'     =>'Sliding',
   'append'   =>false, //don't 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){
       echo'Item '.$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">I'm the target</div>

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

PLAIN TEXT
PHP:
<?php
require_once'Pager/Pager.php';
$data=range(1,100);//an array of data to paginate
$pager_params=array(
   'mode'     =>'Sliding',
   'append'   =>false, //don't append the GET parameters to the url
   'path'     =>'',
   'fileName'=>'javascript:HTML_AJAX.replace(/'target/',/'testdata.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){
   echo'Item '.$item.'<br />';
}
echo'<hr />'.$pager->links;
?>
最后，貼上幕后工作者server.php的代碼
用HTML_AJAX_Server來處理ajax這些煩心事吧