html 下拉刷新更多数据
html js 中的完整代码
var page = 1;
var limit = 15;
var recordList = [];
var searchName = decodeURI(decodeURI($("#searchName").val()));
var prefix = ctx + "/wechat/index";
var is_extending = false;
$(function () {
loadHonestyList();
// 滚动到底部加载更多
$(window).scroll(function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop + window.innerHeight + 20 >= document.documentElement.offsetHeight) {
if (is_extending) {
is_extending = false;
page++;
loadHonestyList();
}
}
});
});
// 从后台获取数据
function loadHonestyList() {
var url = prefix + '/loadHonestyList';
$.ajax({
url: url,
data: {
searchName: searchName,
page: page,
limit: limit
},
type: "post",
dataType: "json",
scriptCharset: 'utf-8',
success: function (res) {
recordList = [];
if (res.code == 0) {
var recordList = res.data;
if (recordList && recordList.length > 0) {
is_extending = true;
var items = null;
$.each(recordList, function (index, item) {
items = $("#itemTemplate").find("li:eq(0)").clone();
items.show();
items.find("h5").html(item.title);
items.find(".mt10").html('<span class="timeIcon fl"><i><img src="../../../public/img/time.png"></i>' + item.azcCreateTime.substring(0, 10) + '</span>');
$("#items").append(items);
});
} else {
}
}
}
});
}
下拉加载更多的代码就是下面这个, is_extending 这个变量很关键
$(window).scroll(function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop + window.innerHeight + 20 >= document.documentElement.offsetHeight) {
if (is_extending) {
is_extending = false;
page++;
loadHonestyList();
}
}
});