PbootCMS列表內(nèi)容ajax無刷新加載數(shù)據

PbootCMS列表內(nèi)容ajax無刷新加載數(shù)據？前段時(shí)間(jiān)，群裏有(yǒu)位同學問起Ajax加載的問題，這個(gè)不屬于模闆制(zhì)作(zuò)系列教程的內(nèi)容，因此單獨再出一個(gè)使用技(jì)巧系列的教程。

該系列會(huì)寫一些(xiē)pbootcms在使用過程中碰到的一些(xiē)問題，以及問題的解決方案。

大(dà)家(jiā)也可(kě)以給我反饋一些(xiē)問題，有(yǒu)空(kōng)的時(shí)候我會(huì)選一些(xiē)寫出來(lái)放在這個(gè)系列的教程裏面。

Ajax無刷新加載內(nèi)容，看起來(lái)高(gāo)大(dà)上(shàng)一點，但(dàn)是對SEO是不太友(yǒu)好的，所以在使用的時(shí)候應該有(yǒu)個(gè)取舍。

由于PbootCMS的Api接口的存在，在PbootCMS上(shàng)實現Ajax加載還(hái)是比較方便的。

一、點擊更多(duō)按鈕加載內(nèi)容

1、首先，添加一個(gè)按鈕用來(lái)觸發事件。

2、添加默認顯示的頁面內(nèi)容（隻是演示，結構我就随意寫了）

3、js代碼部分，先引入jQuery

完成，點擊一下加載更多(duō)，頁面就會(huì)無刷新加載2篇文章了。

二、頁面滑動到底部加載更多(duō)文章

原理(lǐ)同上(shàng)，隻不過改變一下事件，原來(lái)是點擊按鈕觸發的，改成滾動監聽(tīng)。

總結：Ajax并沒有(yǒu)想象中的難度那(nà)麽大(dà)，特别是有(yǒu)了PbootCMS的Api接口之後，獲取數(shù)據更容易，使用更方便。