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">