全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15252520342

PbootCMS列表内容ajax无刷新加载数据

PbootCMS列表内容ajax无刷新加载数据?前段时间,群里有位同学问起Ajax加载的问题,这个不属于模板制作系列教程的内容,因此单独再出一个使用技巧系列的教程。

该系列会写一些pbootcms在使用过程中碰到的一些问题,以及问题的解决方案。

大家也可以给我反馈一些问题,有空的时候我会选一些写出来放在这个系列的教程里面。

Ajax无刷新加载内容,看起来高大上一点,但是对SEO是不太友好的,所以在使用的时候应该有个取舍。

由于PbootCMS的Api接口的存在,在PbootCMS上实现Ajax加载还是比较方便的。

一、点击更多按钮加载内容

1、首先,添加一个按钮用来触发事件。


2、添加默认显示的页面内容(只是演示,结构我就随意写了)


3、js代码部分,先引入jQuery


完成,点击一下加载更多,页面就会无刷新加载2篇文章了。

二、页面滑动到底部加载更多文章

原理同上,只不过改变一下事件,原来是点击按钮触发的,改成滚动监听。


总结:Ajax并没有想象中的难度那么大,特别是有了PbootCMS的Api接口之后,获取数据更容易,使用更方便。

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。