美文网首页
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