h5上滑刷新（分页）

最新推荐文章于 2025-03-31 17:24:31 发布

weixin_30734435

最新推荐文章于 2025-03-31 17:24:31 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rellame/p/5310262.html

$('.dom').append('<div class="loadingwrap" id="loading" style="display:none"><img src="' + base + '../images/loading.gif"/></div>');


$(window).scroll(function(){
    if(($(window).scrollTop()+$(window).height() >= $(document).height()-10)){
        var url = '',
            totalPage = 4;
        pageCount = Loader(url,totalPage,$('.dom'));
    }
});

Loader = function(url, totalPage, el) {
    var scrollflag = true;

    if (scrollflag) {
        if (pageCount <= totalPage) {
            $('#loading,.loadingwrap').show();
            $.ajax({
                type: 'POST',
                url: url,
                data: {page: pageCount},
                dataType: 'json',
                beforeSend: function () {
                    scrollflag = false;
                    $('#loading').show();
                },
                success: function (result) {
                    el.append(result.data);
                    pageCount++;
                },
                error: function (xhr, type) {
                },
                complete: function () {
                    scrollflag = true;
                    $('#loading,.loadingwrap').hide();
                }
            });
        }
    }
    return pageCount;
}