帝国cms 加载更多升级版

加载更多博主曾经多次折腾最终得出以下两个版本 适用于大多数项目
至于加载更多的gif 图片 请自己找素材吧
JS 调用部分 (栏目设置中 最好显示12条数据 匹配js拉取数据 且不重复  也可以自行设置测试条数)
本例按当前栏目拉取 适合列表页
容器和显示按钮 （showajaxnews）
  1.                 <ul id="showajaxnews">
  2. [!--empirenews.listtemp--]
  4. [!--empirenews.listtemp--]
  5.                 
  6.                 
  7.                 <a class="go-more" id="loadmore">加载更多
后端数据结构 (/e/action/getmore.php)
  1. <?php
  2. require('../class/connect.php');
  3. require('../class/db_sql.php');
  4. require('../data/dbcache/class.php');
  5. if($_POST[action] == 'getmorenews'){
  6. $table=htmlspecialchars($_POST[table]);
  7. if(empty($_POST[orderby])){$orderby='newstime';}else{ $orderby=htmlspecialchars($_POST[orderby]);}
  8. if(empty($_POST[myorder])){$myorder='desc';}else{ $myorder='asc';}
  9. if(empty($_POST[limit])){$limit=12;}else{ $limit=(int)$_POST[limit];}
  10. if(empty($_POST[classid])){$where=null;}else{ $where='where classid in('.$_POST[classid].')';}
  11. if(empty($_POST[length])){$length=50;}else{ $length=(int)$_POST[length];}
  12. if(empty($_POST[small_length])){$small_length=500;}else{ $small_length=(int)$_POST[small_length];}
  13.  
  14. $link=db_connect();
  15. $empire=new mysqlquery();
  16. $num =(int)$POST['next'] $limit;
  17.  
  18.   if($table){
  19.         $sql=$empire->query("SELECT  FROM `".$dbtbpre."ecms".$table."` $where order by $orderby $myorder limit $num,$limit");
  20.  
  21.     while($r=$empire->fetch($sql)){
  22.  
  23.         if($r[mtitlepic]==''){ 
  24.             $r[mtitlepic]=$public_r[news.url]."e/data/images/notimg.gif";
  25.         }
  26.     $oldtitle=stripSlashes($r[title]);
  27.     $title=sub($oldtitle,'',$length);
  28.     $smalltext=stripSlashes($r[smalltext]);
  29.     $smalltext=sub($smalltext,'',$small_length);
  30.     $classname=$class_r[$r[classid]][classname];
  31.     $newsurl=$public_r[newsurl];
  32.     $classurl=$newsurl.$class_r[$r[classid]][classpath];
  33.     $urls = sys_ReturnBqTitleLink($r);
  34.  
  35. ?>
  36.                         
  38.                           <a href="<?=$urls?>">
  39.                                <div class="media-image">
  40.                                  <img src="/miss.png"pun"><?=$r[mtitlepic]?>" alt="<?=$r[title]?>" width=60 height=60 />
  41.
  • <div class="media-content">
  • <h3 class="title"><?=$r[title]?>
  • <p class="meta">
  • <span class="meta-time"><?=date("Y-m-d",$r[newstime])?>

  • <?php
  • }
  • }
  • }
  • db_close();
  • $empire=null;
  • ?>
    • 另一个版本 点击后再拉取数据 适合首页等部位按制定栏目拉取
    1.  $(function(){    
    2.  
    3.      var i = 1; //设置当前页数
    4.       
    5.     $('#loadmore').click(function(){
    6.  
    7.         $.ajax({
    8.         url : 'http://m.zhaohuati.com/e/action/getmore.php',
    9.                 type:'POST',
    10.                 data:{"next":i,'table':'news','classid':'14','action':'getmorenews','limit':12,'small_length':120},
    11.             dataType : 'html',
    12.         beforeSend:function(){
    13.                 $("#loadmore").show().html('<img  src="/images/loaduai.gif" width=23/>  正在努力加载中...');
    14.            $('#loadmore').attr('disabled','disabled');
    15.         },
    16.             success : function(data){
    17.            if(data){
    18.                $("#showajaxnews").append(data); 
    19.                           $("#loadmore").removeAttr('disabled');
    20.               $("#loadmore").html('点击加载更多');
    21.                  i++;
    22.             }else{
    23.                 $("#loadmore").show().html("已全部加载完毕！");
    24.                         $('#loadmore').attr('disabled','disabled');
    25.                 return false;
    26.             }      
    27.            }
    28.         });
    29.     });
    30. });
    注意：
    1. next：第几页
    3. table：调用数据表
    5. limit：每次调用数量
    7. small_length：简介截取字符数
    9. length：标题截取字符数
    11. classid：调用栏目，允许多个，如1,2,3,4  特别注意，必须是调用同一数据表的栏目
    13. orderby：排序，默认是newstime，传什么就按什么来排序，如 id
    15. myorder：正反序，默认是asc，传值怎为desc
    本项目需要引入jq
    博主使用的是jquery-1.8.3.min.js   使用者可以自行测试版本
    不提供JQ文件

    后来对这个功能的需求又升级了  可以参考
    帝国大数据多表列表页加载更多如何查询


    来自为知笔记(Wiz)


    相关的文章