下面小編就為大家?guī)硪黄撁嫦蛳聺L動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。
頁面向下滾動ajax獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)
$(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;//標識還有數(shù)據(jù)可以加載
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獲取數(shù)據(jù)的實現(xiàn)方法(兼容手機)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考