美文网首页让前端飞Web前端之路
dropload.js(上拉加载插件)使用实例

dropload.js(上拉加载插件)使用实例

作者: 李佳明先生 | 来源:发表于2018-12-13 19:20 被阅读10次

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

    相关文章

      网友评论

        本文标题:dropload.js(上拉加载插件)使用实例

        本文链接:https://www.haomeiwen.com/subject/wanbhqtx.html