美文网首页
jQuery 滑动分页

jQuery 滑动分页

作者: fourn熊能 | 来源:发表于2019-10-23 12:12 被阅读0次
    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 滑动分页

      本文链接:https://www.haomeiwen.com/subject/xwahvctx.html