本帝国cms插件利用AJAX实现无刷新加载更多的列表信息,用查看更多按钮来替代翻页功能,无限加载。
服务端源码:(保存路径为/e/action/get_news_index.php)
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];
?>
" target=_blank>
" width=160 height=100 />
" target=_blank>=$r[title]?>
=$smalltext?>
=date("Y-m-d",$r[newstime])?>">=$classname?>
前端JS脚本实现代码:
$(function(){
var i = 1; //设置当前页数
$('#loadmore').on('click',function(){
$.ajax({
url : '/e/action/get_news_index.php',
type:'POST',
data:{"next":i,'table':'news','action':'getmorenews','limit':15,'small_length':120},
dataType : 'html',
beforeSend:function(){
$("#loadmore").show().html('
正在努力加载中...');
$('#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;
}
}
});
});
});
ajax请求服务端参数说明
next:第几页
table:调用数据表
limit:每次调用数量
small_length:简介截取字符数
length:标题截取字符数
classid:调用栏目,允许多个,如1,2,3,4 特别注意,必须是调用同一数据表的栏目
orderby:排序,默认是newstime,传什么就按什么来排序,如 id
myorder:正反序,默认是asc,传值怎为desc
除此之外还需要有一个按钮来载入更多
还需要一个渲染数据的元素(id="showajaxnews")点击加载更多按钮后获取到的数据会追加到showajaxnews元素里面,在点击载入按钮之前我们需要预放一下数据在里面,这样的话打开页面就有部分数据,点击载入按钮后追加到末尾!
参考模板代码:本插件是在jQuery下实现,请务必引入jquery,否则不能正常运行!
版权声明:
本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!
转载请注明:
帝国CMS二次开发无刷新Ajax加载更多列表信息写法教程
相关文章
-
02-25
帝国CMS二次开发替换“当前位置导航newsnav的方法
-
02-25
帝国CMS二次开发实现回复后可见内容的方法
-
02-25
帝国CMS二次开发统计留言数量的方法
-
02-25
帝国CMS二次开发用PHP来替换newsnav功能的方法
-
02-25
帝国cms二次开发实现没有相关信息时调用其它信息
-
02-25
帝国CMS二次开发格式实例介绍
-
02-25
帝国CMS二次开发PHP跨表查询相关文章的方法
-
02-25
帝国CMS二次开发把反馈内容发送到邮箱的代码
-
02-25
帝国CMS二次开发引用函数文件
-
09-16
帝国CMS二次开发新订单新反馈信息新投稿发邮件通知管理员
-
09-16
帝国CMS二次开发CMS常用变量整理
-
09-16
帝国CMS二次开发教程
-
09-16
帝国CMS二次开发格式实例
-
09-16
帝国CMS二次开发统计留言数量
-
09-16
帝国CMS二次开发列表页显示新闻、软件简介时自动清除换行符
-
09-16
帝国CMS二次开发添加迅雷下载
-
09-16
帝国CMS二次开发会员注册加入问答验证
-
09-16
帝国CMS二次开发内容页显示下载点数
-
09-16
帝国CMS二次开发高效的随机调用方法
-
09-16
帝国CMS二次开发封面模板调用栏目别名
推荐文章
- 05-30统计栏目数据数量
- 05-30sql调用点击排行和顶排行,怎么指定栏目ID?
- 05-30帝国CMS 6.0功能解密之会员空间信息标签调用
- 05-30帝国cms列表简介信息问题
- 05-30判断帝国cms分类信息是否过期
- 05-30帝国cms灵动标签的$bqr和$bqsr是怎么分的
- 05-30帝国cms教程不能发新贴了说键重复
- 05-30评论列表中显示IP地址全部的修改方法
- 05-30帝国CMS 6.0功能解密之新版RSS功能
- 05-30教你修改会员发布投稿的模板下载
排行榜
模板推荐
-
(带手机版)win电脑操作系统软件IT软件下载网站易优CMS模板下载
模板名称:(带手机版)win电脑操作系统软件IT软件下载网站易优CMS模板下载模...
-
(PC+WAP)公司注册财务会计类网站pbootcms模板 蓝色律师公证网站源码下载
(PC+WAP)公司注册财务会计类网站pbootcms模板 蓝色律师公证网站源码...
-
(自适应手机端)pbootcms绿色园林建筑艺术网站模板 花卉园艺网站源码下载
(自适应手机端)pbootcms绿色园林建筑艺术网站模板 花卉园艺网站源码下载P...
-
(自适应手机端)pbootcms响应式刷卡机POS机网站模板 无线支付设备网站源码
(自适应手机端)pbootcms响应式刷卡机POS机网站模板 无线支付设备网站源...
-
(自适应手机端)pbootcms响应式旅游公司网站模板 蓝色宽屏旅行社网站源码下载
(自适应手机端)pbootcms响应式旅游公司网站模板 蓝色宽屏旅行社网站源码下...
-
热门标签
- 查询系统
- 资质授权
- 系统网站模板
- 展示行业
- 英文模版下载
- 耳机手机
- 视频功能
- 带筛选
- 工业行业
- 文章网站
- 健康产品
- 手游综合门户
- 仿《酷酷游戏网》源码
- pb网站模板
- 外贸企业网站
- 制品网站模版
- 金属铁钩模版
- pbootcm下载
- 家庭婚姻
- 博览会网站
- 英文源码
- 外贸企业
- 鞋柜网站
- 储物架
- 餐具生活用品
- 广告策划
- 保安公司
- 安保服务
- 外贸源码
- 床垫网站
- 床上用品英文模版
- 快递仓储
- 家电维修网站
- 维修网站模板
- 重工业网站源码
- 水处理设备
- pbootcms源码下载
- 装修装潢
- 绿植盆栽
- pb源码下载
- 新闻自媒体
- 站长博客
- 瓷砖展示
- 卫生间用品
- 高端卫浴
- 销售模板
- 展示网站
- it技术网站
- 博客模版
- 营销技术
- 节能设备
- 热水器
- 展示模版
- 地暖设备
- 光伏光电
- 企业模版
- 太阳能模版
- pbootcms企业源码
- 建筑电机模型
- 互联网建站公司