帝国cms 无刷新 滚动Ajax加载更多和点击Ajax加载更多

ECMSPLUS | 2021-01-07 |

摘要:方法/步骤新建一个空白的php,然后将以下代码粘贴到网页中,并保存为getmore.php;
<?php
require(&#39;../class/connect.php&#39;);
require(&#39;../class/db_sql.php&#39;);...

方法/步骤

新建一个空白的php,然后将以下代码粘贴到网页中,并保存为getmore.php;JcYECMSPLUS
<?phpJcYECMSPLUS
require('../class/connect.php');JcYECMSPLUS
require('../class/db_sql.php');JcYECMSPLUS
require('../data/dbcache/class.php');JcYECMSPLUS
if($_POST[action] == 'getmorenews'){JcYECMSPLUS
$table=htmlspecialchars($_POST[table]);JcYECMSPLUS
if(empty($_POST[orderby])){$orderby='newstime';}else{ $orderby=htmlspecialchars($_POST[orderby]);}JcYECMSPLUS
if(empty($_POST[myorder])){$myorder='desc';}else{ $myorder='asc';}JcYECMSPLUS
if(empty($_POST[limit])){$limit=3;}else{ $limit=(int)$_POST[limit];}JcYECMSPLUS
if(empty($_POST[classid])){$where=null;}else{ $where='where classid in('.$_POST[classid].')';}JcYECMSPLUS
if(empty($_POST[length])){$length=50;}else{ $length=(int)$_POST[length];}JcYECMSPLUS
if(empty($_POST[small_length])){$small_length=120;}else{ $small_length=(int)$_POST[small_length];}JcYECMSPLUS
JcYECMSPLUS
$link=db_connect();JcYECMSPLUS
$empire=new mysqlquery();JcYECMSPLUS
$num =(int)$_POST['next'] *$limit;JcYECMSPLUS
JcYECMSPLUS
if($table){JcYECMSPLUS
$sql=$empire->query("SELECT * FROM `".$dbtbpre."ecms_".$table."` $where order by $orderby $myorder limit $num,$limit");JcYECMSPLUS
JcYECMSPLUS
while($r=$empire->fetch($sql)){JcYECMSPLUS
JcYECMSPLUS
if($r[titlepic]==''){JcYECMSPLUS
$r[titlepic]=$public_r[news.url]."e/data/images/notimg.gif";JcYECMSPLUS
}JcYECMSPLUS
$oldtitle=stripSlashes($r[title]);JcYECMSPLUS
$title=sub($oldtitle,'',$length);JcYECMSPLUS
$smalltext=stripSlashes($r[smalltext]);JcYECMSPLUS
$smalltext=sub($smalltext,'',$small_length);JcYECMSPLUS
$classname=$class_r[$r[classid]][classname];JcYECMSPLUS
$newsurl=$public_r[newsurl];JcYECMSPLUS
$classurl=$newsurl.$class_r[$r[classid]][classpath];JcYECMSPLUS
JcYECMSPLUS
?>JcYECMSPLUS
JcYECMSPLUS
<div class="case-img"> <a href="<?=$r[titleurl]?>" target="_blank"> <img src="<?=$r[titlepic]?>"  alt="<?=$r[title]?>" class="case-photo">JcYECMSPLUS
  <div class="case-text">JcYECMSPLUS
    <h1><?=$r[title]?></h1>JcYECMSPLUS
    <h6><?=$r[ftitle]?></h6>JcYECMSPLUS
  </div>JcYECMSPLUS
  </a> </div>JcYECMSPLUS
 JcYECMSPLUS
JcYECMSPLUS
JcYECMSPLUS
<?phpJcYECMSPLUS
}JcYECMSPLUS
}JcYECMSPLUS
}JcYECMSPLUS
db_close();JcYECMSPLUS
$empire=null;JcYECMSPLUS
?>JcYECMSPLUS
JcYECMSPLUS
将getmore.php文件上传到e/action文件夹下;

帝国cms列表模板里,放上以下的代码用于循环显示列表文章; id="showajaxnews"

    <div class="case-img-box" id="showajaxnews">JcYECMSPLUS
     [!--empirenews.listtemp--]JcYECMSPLUS
     <!--list.var1-->JcYECMSPLUS
      [!--empirenews.listtemp--]JcYECMSPLUS
    </div>JcYECMSPLUS
JcYECMSPLUS
 <a class="more case-m lazy am94"  id="loadmore" href="javascript:void(0);">查看更多 ></a>

帝国cms列表模板最底部,放上以下的JS代码,实现点击加载数据;

<script language="javascript" type="text/javascript">JcYECMSPLUS
 $(function(){    JcYECMSPLUS
 JcYECMSPLUS
     var i = 1; //设置当前页数JcYECMSPLUS
      JcYECMSPLUS
    $('#loadmore').click(function(){JcYECMSPLUS
 JcYECMSPLUS
        $.ajax({JcYECMSPLUS
        url : '/e/action/getmore.php',JcYECMSPLUS
                type:'POST',JcYECMSPLUS
                data:{"next":i,'table':'case','action':'getmorenews','limit':8,'small_length':120},JcYECMSPLUS
            dataType : 'html',JcYECMSPLUS
        beforeSend:function(){JcYECMSPLUS
                $("#loadmore").show().html('<img  src="/e/extend/Ajaxpl/template/loading1.gif" width=80/>正在努力加载中...');JcYECMSPLUS
           $('#loadmore').attr('disabled','disabled');JcYECMSPLUS
        },JcYECMSPLUS
            success : function(data){JcYECMSPLUS
           if(data){JcYECMSPLUS
               $("#showajaxnews").append(data);JcYECMSPLUS
                          $("#loadmore").removeAttr('disabled');JcYECMSPLUS
              $("#loadmore").html('点击加载更多');JcYECMSPLUS
                 i++;JcYECMSPLUS
            }else{JcYECMSPLUS
                $("#loadmore").show().html("已全部加载完毕!");JcYECMSPLUS
                        $('#loadmore').attr('disabled','disabled');JcYECMSPLUS
                return false;JcYECMSPLUS
            }      JcYECMSPLUS
           }JcYECMSPLUS
        });JcYECMSPLUS
    });JcYECMSPLUS
});JcYECMSPLUS
</script>
getmore.zip
aaa529ce69d4daa3ea044cfcdc7ca33b.zip (836 Bytes)
JcYECMSPLUS
 

如下示例代码:

<?php
require('../class/connect.php');
require('../class/db_sql.php');
require('../data/dbcache/class.php');
if($_POST[action] == 'getmorenews'){
$table=htmlspecialchars($_POST[table]);
if(empty($_POST[orderby])){$orderby='newstime';}else{ $orderby=htmlspecialchars($_POST[orderby]);}
if(empty($_POST[myorder])){$myorder='desc';}else{ $myorder='asc';}
if(empty($_POST[limit])){$limit=3;}else{ $limit=(int)$_POST[limit];}
if(empty($_POST[classid])){$where=null;}else{ $where='where classid in('.$_POST[classid].')';}
if(empty($_POST[length])){$length=50;}else{ $length=(int)$_POST[length];}
if(empty($_POST[small_length])){$small_length=120;}else{ $small_length=(int)$_POST[small_length];}

$link=db_connect();
$empire=new mysqlquery();
$num =(int)$_POST['next'] *$limit;

if($table){
$sql=$empire->query("SELECT * FROM `".$dbtbpre."ecms_".$table."` $where order by $orderby $myorder limit $num,$limit");

while($r=$empire->fetch($sql)){

if($r[titlepic]==''){
$r[titlepic]=$public_r[news.url]."e/data/images/notimg.gif";
}
$oldtitle=stripSlashes($r[title]);
$title=sub($oldtitle,'',$length);
$smalltext=stripSlashes($r[smalltext]);
$smalltext=sub($smalltext,'',$small_length);
$classname=$class_r[$r[classid]][classname];
$newsurl=$public_r[newsurl];
$classurl=$newsurl.$class_r[$r[classid]][classpath];

?>


  


<?php
}
}
}
db_close();
$empire=null;
?>

免责/版权声明:

1、所有来源标注为 ECMSPLUS/ecmsplus.com的内容版权均为本站所有,若您需要引用、转载,只需要注明来源及原文链接即可,如涉及大面积转载,请来信告知,获取授权。

2、本站所提供的文章资讯、软件资源、素材源码等内容均为作者提供、网友推荐、互联网整理而来(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考,如有侵犯您的版权,请联系我们,本站将在三个工作日内改正。

3、若您的网站或机构从本站获取的一切资源进行商业使用,除来源为本站的资料需与本站协商外,其他资源请自行联系版权所有人。

4、 ECMSPLUS/ecmsplus.com不保证资源的准确性、安全性和完整性,请您在阅读、下载及使用过程中自行确认,本站亦不承担上述资源对您或您的网站造成的任何形式的损失或伤害

5、未经 ECMSPLUS/ecmsplus.com允许,不得盗链、盗用本站资源;不得复制或仿造本网站,不得在非 ECMSPLUS/ecmsplus.com所属的服务器上建立镜像, ECMSPLUS/ecmsplus.com对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权,任何人不得侵害或破坏,也不得擅自使用。

6、互联网的本质是自由与分享,我们真诚的希望,每一份有价值的正能量能够在互联网中自由传播,能够为每一个网站提供动力。

标签:
精品源码
  • 种子溯源系统,一物一码防伪验证查询(单用户版) 支持定制开发

    惊爆价¥1500.00

    立即购买
    种子溯源系统,一物一码防伪验证查询(单用户版) 支持定制开发
看点推荐
精选文章

站长交流群

互联网站长技术交流群
共同学习,共同进步,共同成长!

QQ交流群

推荐文章

帝国cms通过用灵动标签的SQL语句查询来调用栏目导航

帝国cms图片集字段morepic分割,自定义图片集显示

帝国cms 技巧整理笔记,持续更新中

帝国cms 技巧整理笔记:常用变量,COOKIE获取和系统模板

最新文章

热门标签

关注我们

微信扫一扫,关注更多精彩

  • 公众号
    全面掌握源码一手资讯

  • 服务号
    精彩活动,推送提醒

垂询热线:18680688182

商务合作:0769-8700 9090
文章投稿: