1、

 <div class="pagelist"> <span id="loadmore" class="btn" style="display: block;">加载更多</span> </div>

找到加载更多的按钮,设置好id(最好用id,比较容易遍历)。

2、

<ul id="showajaxnews" style="opacity: 1; top: 0px;">

        [!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

</ul>

找到列表内容模板的标签,也设置好id。

3、

<script>
$(function () {
var i = 1;
$('#loadmore').click(function () {
$.ajax({
url: '域名/e/action/getmore.php',
type: 'POST',
data: {
"next": i,
'table': 'news',
'classid': '[!--self.classid--]', /*这个标签获取的当前id*/
'action': 'getmorenews',
'limit': 4,
'small_length': 120
},
dataType: 'html',
beforeSend: function () {
$("#loadmore").show().html(
'<img src="/images/loaduai.gif" alt="正在努力加载中...');
$('#loadmore').attr('disabled', 'disabled');
},
success: function (data) {
if (data) {
$("#showajaxnews").append(data);
$("#loadmore").removeAttr('disabled');
$("#loadmore").html('点击加载更多');
i++;
} else {
$("#loadmore").show().html("已全部加载完毕!");
$('#loadmore').attr('disabled', 'disabled');
return false;
}
}
});
});
});
</script>

ajax放到加载更多的下边,记得一定要引入Jquery.

4、

下边标红的,我这里做了一个$classid的判断,意思就是当栏目是父栏目7的时候,调用栏目id 8 和 9 的所有数据。按照自己的情景设置即可。

<?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 = 6;
} else {
$limit = (int) $_POST[limit];
}
if (empty($_POST[classid])) {
$where = null;
} else if ($_POST[classid] == 7) {
$where = 'where classid in("8,9")';
} 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 = 500;
} else {
$small_length = (int) $_POST[small_length];
} // next:第几页
// table:调用数据表
// limit:每次调用数量
// small_length:简介截取字符数
// length:标题截取字符数
// classid:调用栏目,允许多个,如1,2,3,4 特别注意,必须是调用同一数据表的栏目
// orderby:排序,默认是newstime,传什么就按什么来排序,如 id
// myorder:正反序,默认是asc,传值怎为desc $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[mtitlepic] == '') {
$r[mtitlepic] = $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];
$urls = sys_ReturnBqTitleLink($r); ?>
<!-- 以下代码是显示列表的标签模板 ,按照情景修改即可。-->
<li>
<a href="<?= $urls ?>">
<div class="img">
<img src="<?= $r[titlepic] ?>" class="lazy"></div>
<div class="con">
<h2>
<?= $r[title] ?>
</h2>
<p>
<?= $r[smalltext] ?>
</p>
<span>
<?= date("Y-m-d", $r[newstime]) ?>
</span>
</div>
<div class="more">
<span></span>
</div>
</a>
</li>
<?php
}
}
}
db_close();
$empire = null;
?>

建立一个getmore.php文件,把上边代码上传到/e/action/文件中

帝国cms 加载更多的实现(父栏目以及子栏目都可以实现)的更多相关文章

  1. 关于Vue中页面(父组件)下拉,页面中的子组件加载更多数据的实现方法

    一个项目中存在很多这种情况:父组件(页面)中的子组件需要做下拉加载更多的需求,但是这个下拉到底部的动作只能通过监控页面(父组件)来完成 这就需要父子组件之间的通信,代码如下: 1. 建立一个用于父子组 ...

  2. mui的上拉加载更多 下拉刷新 自己封装的demo

    ----------------------------------------------- 这是一个非常呆萌的程序妹子,深夜码的丑代码------------------------------- ...

  3. 基于 Vue.js 的移动端组件库mint-ui实现无限滚动加载更多

    通过多次爬坑,发现了这些监听滚动来加载更多的组件的共同点, 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的, 所以是进入页面则直接触发一次,当监听到滚动事件之后,继续加载更多, 所以对于无 ...

  4. 使用vue之directive设计列表加载更多

    背景 之前写过一篇<纯JS实现加载更多(VUE框架)>,它的逻辑思路比较清晰易懂,而今天看了一天公司项目的部分功能代码,发现同事们写的加载更多的功能更加的有趣,而且易于封装到一个组件当中, ...

  5. 纯JS实现加载更多(VUE框架)

    <template> <div class = 'car_list' reft='scrollobx' @scroll='scrollready($event)'> </ ...

  6. react-native ListView 封装 实现 下拉刷新/上拉加载更多

    1.PageListView 组件封装 src/components/PageListView/index.js /** * 上拉刷新/下拉加载更多 组件 */ import React, { Com ...

  7. vue2.0 自定义 下拉刷新和上拉加载更多(Scroller) 组件

    1.下拉刷新和上拉加载更多组件 Scroller.vue <!-- 下拉刷新 上拉加载更多 组件 --> <template> <div :style="mar ...

  8. Android 实现下拉刷新和上拉加载更多的RECYCLERVIEW和SCROLLVIEW

    PullRefreshRecyclerView.java /** * 类说明:下拉刷新上拉加载更多的RecyclerView * Author: gaobaiq * Date: 2016/5/9 18 ...

  9. mui实现分页上拉加载更多 下拉刷新数据的简单实现 移动端下拉上拉

    空下来把mui上拉加载更多,下拉刷新数据做了一个简单的实现,希望可以帮助到需要的朋友 demo项目的结构 <!DOCTYPE html> <html> <head> ...

随机推荐

  1. Java面试题整理(转载)

    转载地址:https://blog.csdn.net/matry521/article/details/52210139

  2. SpringCloud(六)之 网关概念、Zuul项目搭建-(利用Zuul 实现鉴权和限流实战)

    一.网关概念 1.什么是路由网关 网关是系统的唯一对外的入口,介于客户端和服务器端之间的中间层,处理非业务功能 提供路由请求.鉴权.监控.缓存.限流等功能.它将"1对N"问题转换成 ...

  3. js复选框实现全选、全不选、反选

    复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 <input type="checkbox" /> 要实现的大概就是这样一个页面 思路 ...

  4. eclipse下生成Java类图和时序图,生成UML图

    1.安装和使用AmaterasUML 安装AmaterasUML前,需要先安装GEF采用eclipse在线安装方式安装就好.eclipse在线安装GEF的地址:http://download.ecli ...

  5. eclips注释的快捷键

    一 . 注释java或者c++ 代码的快捷键 CTRL + / 二.  注释xml格式的快捷键 注释: CTRL + SHIFT + / 取消注释: CTRL + SHIFT + \

  6. postgres serial创建自增列

    Sequence是数据库中一类特殊的对象,其用于生成唯一数字标识符.一个典型的应用场景就是手动生成一系列主键.Sequence和MySQL中的AUTO_INCREMENT的概念很像. 创建序列Sequ ...

  7. #dokcer部署code-server web版vscode+golang

    codercom/code-server:latest不支持插件在线安装 codercom/code-server:v2目前为最新版1. #创建 docker rm -f vscode docker ...

  8. koa2数据请求相关问题解决方案汇总

    前端请求后端数据,难免会遇到如下几个问题: 1⃣️跨域 2⃣️post/get,其中post请求的方式又分为多种 3⃣️后端数据返回格式(上一篇已经有讨论过,这里不再赘述) 用koa2的话,如何解决这 ...

  9. 转:使用ActiveX插件时object显示问题,div被object标签遮挡的解决方案

    起因设计要求视频控制面板显示在视频界面上,如下图红框内所示.但是因为object不在文档流之中,所以不论别的元素设置z-index多高,都只会被object元素遮住而无法看到.object元素代码如下 ...

  10. vue新增属性是否会响应式更新?

    原文地址 在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的. 根据官 ...