页面向下滚动ajax获取数据,兼容手机

前端之家收集整理的这篇文章主要介绍了页面向下滚动ajax获取数据,兼容手机前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
$(window).scroll(function () {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();


if (scrollTop + windowHeight >= scrollHeight) {
loadPromotions();
}

});

var page = 1; var morAvaliable = true;//标识还有数据可以加载 function loadPromotions() { if (morAvaliable) { var href = location.href.split('?')[0]; var pageSize = 5; page++; $.post(href,{ pageNo: page,pageSize: pageSize },function (data) { if (data.length) { var html = ''; $.each(data,function (i,list) { html += '<div class="task-time">' + list.CreateTime + '</div>'; html += '<a class="task-Box" href="' + list.Url + '">'; html += '<h5>' + list.Title + '</h5>'; }); $('#promotionList').append(html); } else { morAvaliable = false; $('#loading').html('没有更多分享信息了'); } } ); } }

猜你在找的Ajax相关文章