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);

你可能感兴趣的:(jQuery 滑动分页)