场景:pc端页面鼠标滚动到底部时,通过ajax加载更多的数据,实现分页功能,封装成了一个函数,自己根据实际情况调用即可。
说明:discussList是放加载内容的div容器
// 加载更多评价的函数
function loadMore(){
	$(".discussList").append('');//插入加载中的提示框
	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(' 132***313  
  
  
 
 2017-12-26 13:20
2017-12-26 13:20
好吃,一直吃他家的
')
							$('.loading').hide();
							page++;
							stop = true;
						} else {
							$(".loading").text("暂无数据")
						}
					},
					error: function(xhr, type) {
						$(".loading").hide();
						alert("ajax error!");
					}
				});
			}
 
		}
	});
}  
                    
 
                                         
                                                                                         
                                                                                         
                                                                                         
                                                                                        