284292114@qq.com 中国站
新闻中心 网络推广 网站建设 优化推广 首页>新闻>网站建设

PB通过API接口,实现Ajax无刷新加载内容,下滑自动加载更多新闻

时间:2019-08-07   访问量:0

这个内容是官网上发的,不过那个上面写得不是很清楚,特别整理一下重新发布。希望对大家有所作用


弟一:引入JS

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

第二:    <!------------定义内容的Dom位置----------------->
  <div class="mylist">
    {pboot:list   num=2 order='sorting asc'}
     <div class="title"><a href="[list:link]">[list:title]</a></div>
    <div class="desc">[list:description]</div>
    <hr>
    {/pboot:list}
          
</div>

     
 第三:添加按钮
            
<button id="More" type="submit">点击加载更多</button> 



第四:添加JS

<script>
//先定义一些基本的内容

//Page就是第几页,由当前页0 + 1,就是第二页,parseInt确保该数值是Int类型。
var Page = parseInt('1') + 1;

//Num就是每页几条信息,因为列表默认显示的是2条,所以这里设为2,结合上面的第二页实际上就是从第三条信息开始读取。
var