您的位置:首页 > 其它

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

2015-06-09 09:39 309 查看
$(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('没有更多分享信息了');

}

}

);

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: