dropload.js一个上拉加载,下拉刷新的插件,关于本插件的基本说明,这里不再叙述,直接传送,文档
直接展示实例:
var page=1;
$('body').dropload({
scrollArea: window,
loadDownFn: function (me) {
$.ajax({
url:"demo",
type:'GET',
data:{
page:page,
},
success: function (res) {
//有数据的情况
if(res.item.items.length>0){
//这里写自己的逻辑
page+=1;
}else{
//没有数据的情况
$('.dropload-down').remove();
$('.b').append('<div class="dropload-noData">没有数据了</div>');
// 锁定
me.lock();
// 无数据
me.noData();
}
me.resetload();
},
error: function (xhr, type) {
/*alert('Ajax error!');*/
// 即使加载出错,也得重置
me.resetload();
}
});
}
});
网友评论