admin 管理员组

文章数量: 887021

 

//页面滚到底部异步加载下一页数据
    $(window).scroll(function () {
        //已经滚动到上面的页面高度
        var scrollTop = parseFloat($(this).scrollTop()),
        //页面高度
            scrollHeight = $(document).height(),
        //浏览器窗口高度
            windowHeight = parseFloat($(this).height()),
            totalHeight = scrollTop + windowHeight;

        //此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
        if (scrollTop + windowHeight >= scrollHeight - 0.7) {
            //一级分类
            var first = $("#h_first").val(),
                //二级分类
                second = $("#h_second").val(),
                //分页数
                num = parseInt($("#pageNum").val()),
                num = num + 1;
            $("#pageNum").attr('value', num);
            $.ajax({
                type: 'post',
                url: '/MicroPortal/ContentListForNotice?f=' + first + '&s=' + second + '&t=&PageIndex=' + num,
                beforeSend: function (XMLHttpRequest) {
                    $("#loadMore").removeClass('hidden').text('正在加载数据...');
                },
                success: function (data) {
                    if (data.length == 0) {
                        $("#loadMore").removeClass('hidden').text('已加载全部数据！');
                    }
                    var data = getTime(data);
                    for (var i = 0, length = data.length; i < length; i++) {
                        $("#infoList").append("<li><a href='public_content.html?id=" + data[i].Id + "&f=" + first + "&s=" + second + "'><span>" + data[i].Title + "</span><span class='time'>" + data[i].PublishTime + "</span></a></li>");
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $("#loadMore").removeClass('hidden').text('数据加载失败，请重试！');
                }
            });
        }
    });

 

转载于:https://wwwblogs/donglf/p/6638501.html

本文标签： 下一页 加载 页面 数据

版权声明：本文标题：h5页面下拉到底部加载下一页数据 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1726312145h934600.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。