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(); } }); } });