首页 > 技术 > cms教程

用PbootCms API接口实现Ajax无刷新分页 点击加载更多

cms教程 2022-12-02 12:27:11  

前言

很久没写教程了,前些天有同学问页面上怎么做点击加载更多的效果。这个就是常说的Ajax无刷新分页了。

实现思路

PbootCms自带了API接口,我们可以通过这个API接口http://域名/api.php/list/ 调取分页所需的数据。

我建议这种分页,不要一上来就全部使用Ajax获取数据,因为Ajax是不会被百度收录的。

我建议的做法是,在列表页先使用模板标签输出一些数据。例如:

{pboot:list num=6}
  • [list:title]
  • {/pboot:list} 加载更多

    先读取6条数据,让搜索引擎最少能抓取到最新的6条文章。

    然后再使用Ajax去调取剩余的新闻内容,实现点击加载更多的效果。

    下面就是核心AJAX调取API数据部分代码

    简单解释一下这个代码,从第二页开始读取,每次读取6条。为什么从第二页开始读取?因为前面我们已经在模板里输出6条数据啦。

    注意事项

    请注意在后台开启WebAPI,如下图。

    image.png

    其中API强制认证,可以按你的实际情况选择启用。


    到此教程结束。

    版权声明

    本文仅代表作者观点,不代表本站立场。
    本文系作者授权发表,未经许可,不得转载。
    本文地址:https://chcsas.com/ywkf/6088.html

    加载中~

    木星教程网

    统计代码 | 湘ICP备19012813号-5

    本网站LOGO受版权及商标保护,版权登记号:国作登字-2022-F-10126915,未经湖南木星科技官方许可,严禁使用。
    Copyright © 2012-2022 湖南木星科技有限公司(木星网)版权所有
    转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源,商业媒体及纸媒请先联系:aishangyiwan@126.com

    扫描微信二维码

    关注我们可获取更多热点资讯