function getList() {
var page = 1;
var innerHeight = window.innerHeight;
var timer2 = null;
$.ajax({
url: 'url',
type: 'GET',
dataType: 'json',
timeout: '1000',
cache: 'false',
data: {
"page": page
},
success: function (data) {
$("#list").empty();
if (data.pageData.length > 0) {
$.each(data.pageData, function (i, item) {
var div = "<div class=\"am-g list_time\">"+ item.name +"</div>";
$("#list").append(div);
});
}else{
$("#list").append('<div style="text-align: center;"><p>无数据</p> </div>');
};
var ajax_getting = false;
$(window).scroll(function () {
clearTimeout(timer2);
timer2 = setTimeout(function () {
var scrollTop = $(document.body).scrollTop();
var scrollHeight = $('body').height();
var windowHeight = innerHeight;
var scrollWhole = Math.max(scrollHeight - scrollTop - windowHeight);
if (scrollWhole < 100) {
if (ajax_getting) {
return false;
} else {
ajax_getting = true;
}
$("#list").append('<div id="load" style="text-align: center;"><img src="static/images/load.gif" width="10%"/></div>');
$('html,body').scrollTop($(window).height() + $(document).height());
page++;
$.ajax({
url: 'url',
type: 'GET',
dataType: 'json',
data: {
"page": page
},
success: function (data) {
$("#load").remove();
if (data.pageData.length > 0) {
$.each(data.pageData, function (i, item) {
var div = "<div class=\"am-g list_time\">"+ item.name +"</div>";
$("#list").append(div);
});
} else {
$("#load").remove();
$("#list").append('<div id="load" class="am-u-sm-12" style="text-align: center;">没有更多数据。</div>');
$(window).unbind('scroll');
};
ajax_getting = false;
}
});
};
$(".load").remove();
}, 200);
});
}
});
$(window).bind("orientationchange", function () {
$('.sliders').css('left', $(window).width() / 2 + 'px');
});
}