html 下拉刷新更多数据

html 下拉刷新更多数据

html js 中的完整代码

var page = 1;
    var limit = 15;
    var recordList = [];
    var searchName = decodeURI(decodeURI($("#searchName").val()));
    var prefix = ctx + "/wechat/index";
    var is_extending = false;

    $(function () {
        loadHonestyList();
        // 滚动到底部加载更多
        $(window).scroll(function () {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop + window.innerHeight + 20 >= document.documentElement.offsetHeight) {
                if (is_extending) {
                    is_extending = false;
                    page++;
                    loadHonestyList();
                }
            }
        });
    });


    // 从后台获取数据
    function loadHonestyList() {
        var url = prefix + '/loadHonestyList';
        $.ajax({
            url: url,
            data: {
                searchName: searchName,
                page: page,
                limit: limit
            },
            type: "post",
            dataType: "json",
            scriptCharset: 'utf-8',
            success: function (res) {
                recordList = [];
                if (res.code == 0) {
                    var recordList = res.data;
                    if (recordList && recordList.length > 0) {
                        is_extending = true;
                        var items = null;
                        $.each(recordList, function (index, item) {
                            items = $("#itemTemplate").find("li:eq(0)").clone();
                            items.show();
                            items.find("h5").html(item.title);
                            items.find(".mt10").html('<span class="timeIcon fl"><i><img src="../../../public/img/time.png"></i>' + item.azcCreateTime.substring(0, 10) + '</span>');
                            $("#items").append(items);
                        });
                    } else {
                    }
                }
            }
        });
    }

下拉加载更多的代码就是下面这个, is_extending 这个变量很关键

$(window).scroll(function () {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop + window.innerHeight + 20 >= document.documentElement.offsetHeight) {
                if (is_extending) {
                    is_extending = false;
                    page++;
                    loadHonestyList();
                }
            }
        });
发布了26 篇原创文章 · 获赞 0 · 访问量 6084
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览