jquery 上滑加载更多
$(document).ready(function() { var totalPage = {$totalPage};//总页数
var page = {$page}; //起始页
var pageSize = {$pageSize} //每页显示个数
$(window).scroll(function() {
if(totalPage-page>0){
//滚动条到达底部加载
if ($(document).scrollTop() >= $(document).height() - $(window).height()) { setTimeout(function() {
$.ajax({
type: 'GET',
url: '?m=wap&c=vedio&a=art_more&typeid=93&yp=128&pageNum='+(page+1),
success:function(data){
var msg=eval(data);
$.each(msg, function (i, item) {
$('.art-list').append("<li><a href="+item.art_link+">"+item.title+"</a></li>");
});
page=page+1;
},
error:function(data){
$("#nomore").html("加载失败...");
setTimeout(function() {
$("#nomore").html();
}, 3000);
}, }); }, 200);
}
}else{
$("#nomore").html("我是有底线的...");
setTimeout(function() {
$("#nomore").empty();
}, 3000);
}
});
});
页面:
<ul class="art-list">
{loop $art_all $k $v}
<li><a href="#">{$v['title']}</a></li>
{/loop}
</ul>
<div id="nomore" style="text-align:center;color:gray"></div>
控制器:
$this->ys = pc_base::load_model('artarea_model'); $page=intval($_GET['pageNum'])?intval($_GET['pageNum']):1; //当前页
$res=$this->ys->select('',"id");
$total=count($res); //文章总数
$pageSize =3; //每页显示条数
$starpage=($page-1)*$pageSize;//起始数据
$totalPage =ceil($total/$pageSize); //总页数
$sql="select a.*,b.pic_more from v9_artarea a left join v9_artarea_data b on a.id=b.id order by a.inputtime desc limit $starpage,$pageSize ";
$art_obj=$this->ys->query($sql);
foreach ($art_obj as$k=> $v){ $v['pic_more']=string2array($v['pic_more']);
$art_all[]=$v; //艺术圈文章列表
}
more
public function art_more(){
$this->ys = pc_base::load_model('artarea_model');
$page=intval($_GET['pageNum']);
$res=$this->ys->select('',"id");
$total=count($res); //文章总数
$pageSize =3; //每页显示条数
$starpage=($page-1)*$pageSize;//起始数据
$totalPage =ceil($total/$pageSize); //总页数 // if($page>$totalPage){
// return json_encode('error');
// }else{ $sql="select a.*,b.pic_more from v9_artarea a left join v9_artarea_data b on a.id=b.id order by a.inputtime desc limit $starpage,$pageSize ";
$art_obj=$this->ys->query($sql);
foreach ($art_obj as$k=> $v){ $v['pic_more']=string2array($v['pic_more']);
$art_all[]=$v; //艺术圈文章列表
}
echo json_encode($art_all);
// }
}
jquery 上滑加载更多的更多相关文章
- vue 上滑加载更多
移动端网页的上滑加载更多,其实就是滑动+分页的实现. <template> <div> <p class="footer-text">--{{f ...
- jQuery上拉加载更多
<header id="header">首 页</header> <section id="main"> <ul id ...
- Android如何定制一个下拉刷新,上滑加载更多的容器
前言 下拉刷新和上滑加载更多,是一种比较常用的列表数据交互方式. android提供了原生的下拉刷新容器 SwipeRefreshLayout,可惜样式不能定制. 于是打算自己实现一个专用的.但是下拉 ...
- 使用jquery.more.js上滑加载更多
html: <div id="more"> <div class="single_item"> <div class=" ...
- Android的ListView分页功能(上滑加载更多)
今天主要工作是将之前实现的各种ListView显示全部信息,优化成了每次加载几条数据,然后上滑的时候加载更多,底部显示一个进度条和一个文字提示,然后加载完毕后,将提示信息隐藏. 一边看教学视频一遍敲代 ...
- 移动端web页面上滑加载更多功能
背景介绍: 开发企业微信的一个应用,实现在企业微信中调用自己程序页面,页面加载多模块数据,向下滑加载更多,等等等等,一波三折 然后很早就成功了是这样实现的: html: <div id=&quo ...
- 微信小程序上滑加载更多
onReachBottom: function () { var that = this var limit = that.data.limit var count = that.data.count ...
- APICloud 上滑加载更多
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
- jq上滑加载更多
html 结构 <div id="main"> <ul class="order-list" id="list_box"& ...
随机推荐
- 使用Nome监控服务器各项指标
使用Nome监控服务器各项指标 关于Nome的使用: 1)如何将nome压缩文件上传到服务器是,首选需要将压缩包下载到本地 a.创建文件夹Nome:mk ...
- 图片转成Base64
var img = "imgurl";//imgurl 就是你的图片路径 function getBase64Image(img) { var canvas = document. ...
- angular学习3
#创建了一个component 查看angular.json文件: "prefix":"app", 在所创建的component的selector上添加了app ...
- sqlserver数据库 视图相关
1.首先创建一个视图 方法一:右键解决 方法二:脚本 create view view_test AS select * from t1 GO 2.删除视图 方法1:右键解决 方法2:脚本 if ex ...
- View事件体系
View事件体系 文章目录 View事件体系 一.Android View基础知识 1.1 View简介 1.2 View分类 1.3 View的结构 1.4 View的坐标 1.4.1 Androi ...
- 《用Python写爬虫》学习笔记(二)编写第一个网络爬虫
1.首先,下载网页使用Python的urllib2模块,或者Python HTTP模块request来实现 urllib2会出现问题,解决方法1.重试下载(设置下载次数) 2.设置用户代理 2.其次, ...
- MySQL · 性能优化· 5.7.6 InnoDB page flush 优化
在这篇文中,我们已经详细介绍了Oracle MySQL以及社区分支最新的对InnoDB page flush的优化.在最近release的5.7.6版本中又有了进一步的改进.主要包括以下几点修改 修改 ...
- django的ORM
在项目根目录下运行 python manage.py shell 即可进入django的交互shell界面 查询 from my_app.models import MyTestModel datas ...
- java-js知识库之一——canvas绘制9*9乘法表
不知不觉一年又要过去了,软件这一行入坑快两年了,一直不知道这两年干了些啥,也不知道自己到底会些什么,工作也是些简单的东西,谁都能做,对未来也是很茫然.今天和同事优化数据库,头都是懵的,很多东西都感觉似 ...
- 浅析android系统设计中的回调思想
一.为何写作本文 在慢慢深入接触android开发的过程中,我越来越发现android中(至少应用曾的开发)用到了很多回调的思想.比如activity的生命周期,fragment的生命周期,皆是回调 ...