網(wǎng)站建設(shè)之Ajax分頁

在網(wǎng)站建設(shè)的過程中，隨著時(shí)間的積累，我們可能會(huì)碰到各種各樣的功能開發(fā)，畢竟客戶的需求是無窮的。一個(gè)網(wǎng)站，隨著時(shí)間的推移，數(shù)據(jù)量會(huì)越來越大，就好比，網(wǎng)站為了提高搜索引擎的權(quán)重，都會(huì)做各種各樣的維護(hù)優(yōu)化，而定期發(fā)表有關(guān)業(yè)界的原創(chuàng)文章，是維護(hù)很常見的手法，這樣一來，就會(huì)產(chǎn)生越來越多條新聞，如果這么多新聞放在一起，網(wǎng)頁就會(huì)拉的很長很長，影響美觀，還會(huì)降低客戶體驗(yàn)度。這樣我們就不得不對這些新聞進(jìn)行分頁，而ajax分頁就是一種給客戶很好體驗(yàn)的分頁手法，廢話不多說，具體操作如下：
首先我開發(fā)網(wǎng)站用的是thinkphp框架，所以，我下面就在thinkphp框架下進(jìn)行操作。
1、先在thinkphp文件包library->Think文件夾下引入ajaxPage.class.php分頁類，這個(gè)分頁類與之前的page.class.php分頁類，也沒有太大差別，只是將原來的跳轉(zhuǎn)取掉了。例如圖一，就是page.class.php原來的格式

圖1：
例如圖二，就是ajaxPage.class.php的格式

圖2：
對比兩個(gè)我們不難發(fā)現(xiàn)，后者只是添加了個(gè)title=頁碼的屬性，同時(shí)去掉了跳轉(zhuǎn)。

第二步，我們可以創(chuàng)建一個(gè)分頁的方法，方便引用，如下圖所示：
然后我們就可以結(jié)合數(shù)據(jù)庫，查詢數(shù)據(jù)了。
$page=$page?$page:1;
$map1=array('is_show'=>1,'status'=>1,'product_id'=>$id,'muban'=>1);
$data= ajaxpage_sys(M('relate'), 3, $map1, 'order_id asc',$page);
$list1=$data['list'];
$this->list1=$list1;
$this->page=$data['page'];
獲得數(shù)據(jù)就是前段輸出，然后通過ajax與后臺(tái)進(jìn)行交互，方法如下：

完成這些工作后，基本上已經(jīng)完成整個(gè)分頁過程，頁面最后呈現(xiàn)形式如下圖所示：
最后，在此新春之際，祝大家新年快樂，萬事如意，財(cái)源滾滾，早日成為技術(shù)大牛，希望可以幫到大家。

名稱欄目：網(wǎng)站建設(shè)之Ajax分頁
URL標(biāo)題：http://www.jbt999.com/news1/237501.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)