<link rel="stylesheet" href="../static/css/minirefresh.css">
<script src="../static/js/minirefresh.js"></script>
$(function () {
// 初始化页码
var page = 0;
var pageSize = 10;
// miniRefresh 对象
var miniRefresh = new MiniRefresh({
container: '#minirefresh',
down: {
//isLock: true,//是否禁用下拉刷新
callback: function () {
doAjax('down');
}
},
up: {
isAuto: true,
callback: function () {
doAjax('up');
}
}
});
// 组装 ajax 分页函数。参数 downOrUp 判断是下拉刷新还是上拉加载。
// 特别提示:若你仅使用下拉刷新或上拉加载的其中一项,可不用组装 ajax 分页函数了,直接将 ajax 分页放在下拉刷新或上拉加载的回调 callback 里。
var doAjax = function (downOrUp) {
if (downOrUp == 'down') {
page = 1;// 下拉刷新页码设置
pageSize = 10;
} else {
page++;// 上拉加载递增页码
pageSize = 10;//
}
$.ajax({
url: 'http://47.103.52.86:8899/getShoubao',// 请求网址
type: 'GET',
data: {// 请求参数,一般会带上页码
'pageIndex': page,
'pageSize': pageSize,
/* 't': new Date().getTime()// 防止GET请求缓存 */
},
success: function (data) {
// 下面这段请根据自己的数据结构来处理
var arrLen = data.list.length;
if (arrLen > 0) {
var html = '';
$.each(data.list, function (key, value) {
html += `<li class="nav n1">
<div class="nav1">
<div class="nav1s">
<p>${value.title}</p>
<p>2018-09-06</p>
</div>
<div class="nav1x dp">
<p>去点评</p>
</div>
</div>
<div class="nav2">
<p>${value.addres}</p>
<p>${value.distance}</p>
</div>
</li>`;
});
setTimeout(function () { // 使用 setTimeout 函数是方便演示的,你可以不用 setTimeout 函数
if (downOrUp == 'down') {
$('#listdata').html('');
$('#listdata').append(html);// DOM 插入数据
miniRefresh.endDownLoading(true);// 结束下拉刷新
} else {
$('#listdata').append(html);
if (data.pages == page) {// 是否已取完数据页
miniRefresh.endUpLoading(true);// 结束上拉加载
} else {
miniRefresh.endUpLoading(false);
}
}
}, 600);
} else {
if (downOrUp == 'down') {
$('#listdata').html('');
miniRefresh.endDownLoading(true);
} else {
miniRefresh.endUpLoading(true);
}
}
},
error: function () {
if (downOrUp == 'down') {
$('#listdata').html('');
miniRefresh.endDownLoading(true);
} else {
miniRefresh.endUpLoading(true);
}
}
});
};
});
下拉加载,上拉刷新
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 下拉刷新,上拉加载,在Android项目中可谓是随处可见,其实现方式也是各种各样。今天介绍一个android su...
- 之前写过两篇RxSwift在UITableView中使用的文章,一篇是RXSwift在UITableView中的基...
- [樊.沪]下班路上阅读分享:萌萌心语 我以圣者的期待自勉:对关键事务——团结,对重要事务——求变,对所有事务——宽...