手机下拉滚动ajax,页面向下滚动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 += '

' + list.CreateTime + '

';

html += '';

html += '

' + list.Title + '

';

});

$('#promotionList').append(html);

}

else {

morAvaliable = false;

$('#loading').html('没有更多分享信息了');

}

}

);

}

}

以上这篇页面向下滚动ajax获取数据的实现方法(兼容手机)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2016-05-22