到底加载更多，加载下一页

最新推荐文章于 2022-01-26 15:25:32 发布

caikys

最新推荐文章于 2022-01-26 15:25:32 发布

阅读量9.6k

点赞数

分类专栏： javascript/jquery

本文链接：https://blog.csdn.net/caikys/article/details/79898232

版权

javascript/jquery 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

       var pageNum_hots = 1;//初始化页数
	var totalPages_hots = "";
	var loading = false;//加载状态
	hots();//加载首页
	// 底部分页加载
	$(window).on('scroll', function () {
		var scrollTop = $(window).scrollTop();
		if (scrollTop >= $(document).height() - $(window).height() - 100) {
			if(loading === false){
				loading = true;//正在加载
				hots();//数据逻辑处理方法
				pageNum_hots++//到底页数加1
			}
		}
	});
	var hots=function(){
		if (pageNum_hots < totalPages_hots+1) {
			//显示 正在加载 提示信息
			$('.loading_hots').removeClass('hide');
			$.ajax({
				url: '<{$base_url}>/index.php/openapi/recommend/hots',
				data: { page: pageNum_hots },//传参数（页数）
				dataType: 'json',
				success: function (res) {
					//成功返回数据处理
					var data = res.data.hotsInfo;
					totalPages_hots = res.data.total;
					if (data != null) {
						for (var i = 0; i < data.length; i++) {
							var html = '';
							html= '<div class="listdiv"><div class="big"><a href="/m' + data[i].hot_url + '" ><img src="' + data[i].index_image + '" class="big-img"></a></div></div>';
							$(".mall").find('.goods-pptmd').append(html);
							$('.loading_hots').addClass('hide');
							loading = false;//加载完成
						}
					}
				}
			});
		}
	}


	// 以上除了可以设置一个状态还可以加个定时器
	var g_timer="";
	var pageNum_hots = 1;//初始化页数
	var totalPages_hots = "";
	var loading = false;//加载状态
	hots();//加载首页
	// 底部分页加载
	$(window).on('scroll', function () {
		var scrollTop = $(window).scrollTop();
		if (scrollTop >= $(document).height() - $(window).height() - 100) {
			clearTimeout(g_timer);
			g_timer=setTimeout(function(){
				pageNum_hots++
				if (pageNum_hots < totalPages_hots+1) {
					//显示 正在加载 提示信息
					$('.loading_hots').removeClass('hide');
					$.ajax({
						url: '<{$base_url}>/index.php/openapi/recommend/hots',
						data: { page: pageNum_hots },//传参数（页数）
						dataType: 'json',
						success: function (res) {
							//成功返回数据处理
							var data = res.data.hotsInfo;
							totalPages_hots = res.data.total;
							if (data != null) {
								for (var i = 0; i < data.length; i++) {
									var html = '';
									html= '<div class="listdiv"><div class="big"><a href="/m' + data[i].hot_url + '" ><img src="' + data[i].index_image + '" class="big-img"></a></div></div>';
									$(".mall").find('.goods-pptmd').append(html);
									$('.loading_hots').addClass('hide');
								}
							}
						}
					});
				}
			},500)
		}
	});