中文字幕在线观看一区_ Pear::Pager和AJAX的整合應用

Pear::Pager和AJAX的整合應用

2006-10-23 @ 07:53:07 · 作者 volcano · 歸類(lèi)于 PHP, AJAX, PEAR, JAVASCRIPT

作為一個(gè)PHP開(kāi)發(fā)人員來(lái)說(shuō)，大概很讓人受用的一個(gè)東東就是Pear的類(lèi)庫了。我們知道，Pear::Pager是專(zhuān)門(mén)處理分頁(yè)的，而Pear::HTML_AJAX則是Ajax應用的一些類(lèi)庫。但是Pager也不僅僅是只能用于html的分頁(yè)鏈接，它已經(jīng)為比超女還紅的Ajax做好了準備，下面看看這兩個(gè)包如何整合應用。

Pager and Javascript

現在走出第一步，Pager已經(jīng)能夠構建出javascript的鏈接了，和Ajax整合，理論上應該也是能夠實(shí)現的，下面是Pager和javascript分頁(yè)的一個(gè)例子：

PLAIN TEXT

PHP:

require_once ‘Pager/Pager.php‘;
$data = range(1, 100); //an array of data to paginate
$pager_params = array(
‘mode‘ => ‘Sliding‘,
‘a(chǎn)ppend‘ => 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">
var n_pages = <?php echo $n_pages ?>;
function revealDiv(n)
{
for (var count = 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::Pager example with JavaScript</h1>
<?php echo $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>

例子中把分頁(yè)的所有數據放入一個(gè)div標簽，定義了兩個(gè)比較重要的參數就是path（為空）和fileName,fileName原本應該是鏈接的文件名，但是這里用javascript替換了。

Ajax上陣

這個(gè)例子包括三個(gè)文件page.html,server.php,testdata.php

page.html

用動(dòng)態(tài)javascript--server.php來(lái)處理數據，調用HTML_AJAX.replace(‘target‘, ‘testdata.php‘)來(lái)替換id為target這個(gè)div的內容。

PLAIN TEXT

PHP:

<html>
<body>
<h1>PEAR::Pager example with AJAX</h1>
<script type="text/javascript" src="server.php?client=all"></script>
<div id="target">I‘m the target</div>
<script type="text/javascript">
HTML_AJAX.replace(‘target‘, ‘testdata.php‘);
</script>
</body>
</html>

testdata.php

這是個(gè)很簡(jiǎn)單的php程序，取到分頁(yè)數據并輸出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‘,
‘a(chǎn)ppend‘ => 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來(lái)處理ajax這些煩心事吧

PLAIN TEXT

PHP:

<?php
include ‘HTML/AJAX/Server.php‘;
$server = new HTML_AJAX_Server();
$server->handleRequest();
?>

web 2.0, Ajax的趨勢圖

時(shí)下的web 2.0和Ajax概念正是如火如荼，且不論Ajax這東東到底是不是炒作的產(chǎn)物，就實(shí)際應用來(lái)說(shuō)，Ajax在某些場(chǎng)合的確是頂好用而且看上去挺酷.

藍的是web 2.0,紅的是Ajax

參考文檔

http://www.alberton.info/pear_pager_tutorial_javascript_navigation.html

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

Pear::Pager和AJAX的整合應用

Pager and Javascript

Ajax上陣

web 2.0, Ajax的趨勢圖

參考文檔