美文网首页让前端飞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