jQuery 滑动分页

    var p = 1;
    function loadData(is_first = false){
        $.ajax({
            url:"{{route('order.index_info')}}",
            data:{status: '{{request()->status}}', page: p},
            success:function (data){
                if (data) {
                    $('#listBox').append(data);
                    p ++;
                } else {
                    $(window).unbind('scroll');
                    if(is_first){
                        $('#listInfo').html('暂无订单~')
                    } else {
                        $('#listInfo').html('已经到底~')
                    }
                }
            }
        });
    }
    $(window).scroll(function() {
        var _scrollTop = $(document).scrollTop();
        if (_scrollTop >= $(document).height() - $(window).height()) {
            loadData();
        }
    });
    loadData(true);
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容