正在加载...
var records = [];
var havaData = false;
var start = 0;
var end = 5;
var count = -1;
var jsonData = {
"openid":openid,
"start":start,
"end":end
};
function getData(jsonData){
$.get("http://xx",jsonData,function(data){
console.log(data);
if (data.result == 'success') {
records = data.list;
count = data.count; // 数据总条数
if(records.length == 0 && !havaData){
$("#scroll").hide();
$.alert("没有记录!");
}else{
havaData = true;
}
// 显示数据
showData(records);
} else {
$.alert("加载数据失败!");
$(document.body).destroyInfinite();
$("#scroll").hide();
}
},"json");
}
// 页面一进来就获取数据
getData(jsonData);
function showData(records){
var length = records.length;
for(var i = 0; i < length; i++){
var div = document.getElementById("list");
var str= "显示数据
";
div.innerHTML =div.innerHTML+str;
}
if(length == 0){
$("#scroll").hide();
}
}
// 滚动条滑动到离底部100,多显示一条数据。 显示后不会消失。
$(document.body).infinite(100);
var loading = false; //状态标记 否则一直循环刷新
$(document.body).infinite().on("infinite", function() {
if(loading) return;
loading = true;
setTimeout(function() {
var length = records.length;
if(length > 0 && havaData){
// 还有数据,继续加载
start = start + 5;
var jsonData = {
"openid":openid,
"start":start,
"end":end,
"count":count
};
getData(jsonData);
}else{
havaData = false;
$.alert("全部数据已经加载完成!");
$(document.body).destroyInfinite();
$("#scroll").hide();
return;
}
loading = false;
},50); //模拟延迟
});