标签之无刷新显示更多

标签之无刷新显示更多 - 图1

示范代码如下:

  1.  <div class="ListMoreInfos">
  2.     {qb:tag name="news_list_page_listdata02" type="cms"}
  3.         <div class="t"><a href="{$rs.url}">{$rs.title}</a></div>
  4.     {/qb:tag}
  5. </div>
  6. <button onclick="ShowMoreInfo()">查看更多</button>
  8. <script type="text/javascript">
  9. var morepage = 1;
  10. function ShowMoreInfo(){    
  11.     morepage++;    
  12.     $.get('{qb:url name="news_list_page_listdata02" /}'+morepage,function(res){
  13.         if(res.code==0){
  14.             if(res.data==''){
  15.                 layer.msg("已经显示完了！",{time:500});
  16.             }else{        
  17.                 $('.ListMoreInfos').append(res.data);
  18.             }
  19.         }else{
  20.             layer.msg(res.msg,{time:2500});
  21.         }
  22.     });
  23. }
  24. </script>

要显示更多,就必须要添加JS事件.

{qb:url name="news_list_page_listdata02" /}

这个就是调取更多数据的地址.在过去,包括现在很多同行,那是要单独去编写这个PHP程序来调取数据的.

而我们这里在任何想要显示更多的地方,调用这样的变量网址就可以了. 其中 name="news_list_page_listdata02" 中的变量名要与上面的通用标签名一样.