加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-16 01:58:22 所属栏目:百科 来源:网络整理
导读:$(window).scroll(function () { var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if (scrollTop + windowHeight = scrollHeight) { loadPromotions(); } }); var page = 1; var morA
$(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('没有更多分享信息了'); } } ); } }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读