最新公告
  • 欢迎您光临329687站长资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 本帝国cms插件利用Ajax实现无刷新加载更多的列表信息,用查看更多按钮来替代翻页功能,无限加载。

    服务端源码:(保存路径为/e/action/get_news_index.php)

    <?php
    require(&#039;../class/connect.php&#039;);
    require(&#039;../class/db_sql.php&#039;);
    require(&#039;../data/dbcache/class.php&#039;);
    if($_POST[action]==&#039;getmorenews&#039;){
    $table=htmlspecialchars($_POST[table]);
    if(empty($_POST[orderby])){$orderby=&#039;newstime&#039;;}else{$orderby=htmlspecialchars($_POST[orderby]);}
    if(empty($_POST[myorder])){$myorder=&#039;desc&#039;;}else{$myorder=&#039;asc&#039;;}
    if(empty($_POST[limit])){$limit=15;}else{$limit=(int)$_POST[limit];}
    if(empty($_POST[classid])){$where=null;}else{$where=&#039;whereclassidin(&#039;.$_POST[classid].&#039;)&#039;;}
    if(empty($_POST[length])){$length=50;}else{$length=(int)$_POST[length];}
    if(empty($_POST[small_length])){$small_length=500;}else{$small_length=(int)$_POST[small_length];}
    $link=db_connect();
    $empire=newmysqlquery();
    $num=(int)$_POST[&#039;next&#039;]*$limit;
    if($table){
    $sql=$empire->query("SELECT*FROM`".$dbtbpre."ecms_".$table."`$whereorderby$orderby$myorderlimit$num,$limit");
    while($r=$empire->fetch($sql)){
    if($r[titlepic]==&#039;&#039;){
    $r[titlepic]=$public_r[news.url]."e/data/images/notimg.gif";
    }
    $oldtitle=stripSlashes($r[title]);
    $title=sub($oldtitle,&#039;&#039;,$length);
    $smalltext=stripSlashes($r[smalltext]);
    $smalltext=sub($smalltext,&#039;&#039;,$small_length);
    $classname=$class_r[$r[classid]][classname];
    $newsurl=$public_r[newsurl];
    $classurl=$newsurl.$class_r[$r[classid]][classpath];
    ?>
    <divclass="latest_news_listfixed">
    <divclass="news_cover">
    <ahref="<?=$r[titleurl]?>"target=_blank><imgsrc="<?=$r[titlepic]?>"width=160height=100/></a>
    </div>
    <divclass="news_text">
    <h3><ahref="<?=$r[titleurl]?>"target=_blank><?=$r[title]?></a></h3>
    <p><?=$smalltext?></p>
    <p><spanclass="timmerfr"><?=date("Y-m-d",$r[newstime])?></span><ahref="<?=$classurl?>"><?=$classname?></a></p>
    </div>
    </div>
    <?php
    }
    }
    }
    db_close();
    $empire=null;
    ?>

    前端JS脚本实现代码:

    $(function(){
    vari=1;//设置当前页数
    $(&#039;#loadmore&#039;).on(&#039;click&#039;,function(){
    $.ajax({
    url:&#039;/e/action/get_news_index.php&#039;,
    type:&#039;POST&#039;,
    data:{"next":i,&#039;table&#039;:&#039;news&#039;,&#039;action&#039;:&#039;getmorenews&#039;,&#039;limit&#039;:15,&#039;small_length&#039;:120},
    dataType:&#039;html&#039;,
    beforeSend:function(){
    $("#loadmore").show().html(&#039;<imgsrc="/e/extend/Ajaxpl/template/loading1.gif"width=80/>正在努力加载中...&#039;);
    $(&#039;#loadmore&#039;).attr(&#039;disabled&#039;,&#039;disabled&#039;);
    },
    success:function(data){
    if(data){
    $("#showajaxnews").append(data);
    $("#loadmore").removeAttr(&#039;disabled&#039;);
    $("#loadmore").html(&#039;点击加载更多&#039;);
    i++;
    }else{
    $("#loadmore").show().html("已全部加载完毕!");
    $(&#039;#loadmore&#039;).attr(&#039;disabled&#039;,&#039;disabled&#039;);
    returnfalse;
    }
    }
    });
    });
    });

    ajax请求服务端参数说明

    next:第几页

    table:调用数据表

    limit:每次调用数量

    small_length:简介截取字符数

    length:标题截取字符数

    classid:调用栏目,允许多个,如1,2,3,4 特别注意,必须是调用同一数据表的栏目

    orderby:排序,默认是newstime,传什么就按什么来排序,如 id

    myorder:正反序,默认是asc,传值怎为desc

    除此之外还需要有一个按钮来载入更多

    <buttonid="loadmore">点击加载更多内容</button>

    还需要一个渲染数据的元素(id=”showajaxnews”)点击加载更多按钮后获取到的数据会追加到showajaxnews元素里面,在点击载入按钮之前我们需要预放一下数据在里面,这样的话打开页面就有部分数据,点击载入按钮后追加到末尾!

    <divid="showajaxnews"></div>

    参考模板代码:

    帝国CMS二次开发无刷新Ajax加载更多列表信息插件

    本插件是在jQuery下实现,请务必引入jquery,否则不能正常运行!


    329站长网 » 帝国CMS二次开发无刷新Ajax加载更多列表信息插件

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    329687站长资源网
    一个专注于各种网站源码、程序模板、技术教程分享的站长资源下载平台
    • 5会员总数(位)
    • 1962资源总数(个)
    • 12本周发布(个)
    • 11 今日发布(个)
    • 205稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情