前言

很久沒寫教程了，前些天有同學(xué)問頁面上怎么做點(diǎn)擊加載更多的效果。這個(gè)就是常說的Ajax無刷新分頁了。

實(shí)現(xiàn)思路

PbootCms自帶了API接口，我們可以通過這個(gè)API接口http://域名/api.php/list/ 調(diào)取分頁所需的數(shù)據(jù)。

我建議這種分頁，不要一上來就全部使用Ajax獲取數(shù)據(jù)，因?yàn)锳jax是不會被百度收錄的。

我建議的做法是，在列表頁先使用模板標(biāo)簽輸出一些數(shù)據(jù)。例如：

    {pboot:list num=6}
    

        [list:title]
    
    {/pboot:list}
    加載更多

先讀取6條數(shù)據(jù)，讓搜索引擎最少能抓取到最新的6條文章。

然后再使用Ajax去調(diào)取剩余的新聞內(nèi)容，實(shí)現(xiàn)點(diǎn)擊加載更多的效果。

下面就是核心AJAX調(diào)取API數(shù)據(jù)部分代碼

簡單解釋一下這個(gè)代碼，從第二頁開始讀取，每次讀取6條。為什么從第二頁開始讀??？因?yàn)榍懊嫖覀円呀?jīng)在模板里輸出6條數(shù)據(jù)啦。

注意事項(xiàng)

請注意在后臺開啟WebAPI，如下圖。

其中API強(qiáng)制認(rèn)證，可以按你的實(shí)際情況選擇啟用。

到此教程結(jié)束。