jquery滚动事件java实现分页,默认为0第一页

1.滑动触发事件

$(document).ready(function() {
            $(window).scroll(function() {
                if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                    getArticles();
                }
            });
        });

2.分页

function getData() {
            var _pageNum = $('#pageNum').val();
            _pageNum = parseInt(_pageNum) + 1; 
            var _totalPage = $('#totalPage').val();
            if (_totalPage > 0 && _pageNum > _totalPage) {
                return false;
            }
            var params = {pageNum:_pageNum,pageNum2:_pageNum2};
            $.post('url', params, function (data) {
                var totalPage = data.totalPage;
                $('#pageNum').val(_pageNum);
                $('#totalPage').val(totalPage);
                var _html = fill(data);
                var container = $('#get-articles');
                if (_html) {
                    container.append(_html);
                } else {
                    if (container.children().length == 0) {
                        container.html('<dd style="padding: 25px 0 0 20px;">无内容</dd>');
                    }
                }
            },'json');
        }

3、需要写的动态html

function fill(data) {
            var _array = new Array();
            var records = data.records;
            var len = records.length;
            if (len > 0) {
                for(var i = 0; i < len; i++) {
                    var ac = records[i];
                    _array.push('<div>');
                    if(ac.name=='zs'){
                        _array.push('是zs');
                    }else{
                        _array.push('不是zs');
                    }

                    _array.push('</div>');
                }
            }
            return _array.join('');
        }

4- 默认加载

<script type="text/javascript">
        $(function() {
            getData();
        });
    </script>

5 - 默认页数0

<input id="pageNum" type="hidden" value="0">
<input id="totalPage" type="hidden" value="0">

猜你喜欢

转载自blog.csdn.net/sinat_38273626/article/details/79322082