场景:pc端页面鼠标滚动到底部时,通过ajax加载更多的数据,实现分页功能,封装成了一个函数,自己根据实际情况调用即可。
说明:discussList是放加载内容的div容器
// 加载更多评价的函数
function loadMore(){
$(".discussList").append(' 132***313

2017-12-26 13:20
好吃,一直吃他家的
')
$('.loading').hide();
page++;
stop = true;
} else {
$(".loading").text("暂无数据")
}
},
error: function(xhr, type) {
$(".loading").hide();
alert("ajax error!");
}
});
}
}
});
} ');//插入加载中的提示框
var stop = true; //默认停止加载
// 页数
var page = 0;
// 每页展示5个
var size = 5;
var bottomH=50;//距离底部多少像素开始加载
$(window).scroll(function() {
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()+bottomH);
if ($(document).height() <= totalheight) {
if (stop == true) {
stop = false;
$(".loading").show();//显示加载中提示
$.ajax({
url: 'http://www.bangbangdao.com/tools/dropload/json.php?page=' + page + '&size=' + size,
type: 'GET',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
var dateLength = data.length; //数据长度
if (dateLength > 0) {
$(".loading").before('