PbootCms制作ajax无刷新加载列表内容

muban大师

   

前言 前段时间，群里有位同学问起Ajax加载的问题，这个不属于模板制作系列教程的内容，因此单独再出一个使用技巧系列的教程。 该系列会写一些pbootcms模板在使用过程中碰到的一些问题，以及问题的解决方案。 大家也可以给我反馈一些问题，有空的时候我会选一些写出来放在这个系列的教程里面。 友情提示 Ajax无刷新加载内容，看起来高大上一点，但是对SEO是不太友好的，所以在使用的时候应该有个取舍。 由于PbootCMS的Api接口的存在，在PbootCMS上实现Ajax加载还是比较方便的。 实现步骤 一、点击更多按钮加载内容 1、首先，添加一个按钮用来触发事件。 点击加载更多 2、添加默认显示的页面内容（只是演示，结构我就随意写了） {*pboot:list scode=3* num=2} [*list:title*, [*list:description*, {*/pboot:list*} 3、js代码部分，先引入jQuery //先定义一些基本的内容 //Page就是第几页，由当前页{page:current} + 1，就是第二页，parseInt确保该数值是Int类型。 var Page = parseInt('{page:current}') + 1; //Num就是每页几条信息，因为列表默认显示的是2条，所以这里设为2，结合上面的第二页实际上就是从第三条信息开始读取。 var Num = 2; //定义内容的Dom位置，也...

   

内容已隐藏,请关注公众号输入验证码查看

               
验证码 

  

本帖支持关注公众号查看

【无套路  无套路  无套路 扫描二维码关注公众号发送【验证码】收到验证码 在上面输入点击提交查看即可显示隐藏内容】