<script type="text/javascript">
var isLast = false;
var requesting = false;
var pageIndex =0;
$(function(){
//获取数据
getData();
//滚动事件
$(window).scroll(function(){
if(getScrollTop() + getWindowHeight()+10 > getScrollHeight()){
getData();
}
});
});
//获取数据
function getData(){
if(!isLast && !requesting){
requesting = true;
pageIndex = pageIndex +1;
$.getJSON("${base}/main/borrow/listData?pageIndex="+pageIndex+"&type=new",function(data){
}
$.each(data, function(name, item) {
$("#contents").append('<li>\
<a href="${base}/main/borrow/details?id='+item.id+'">\
</a>\
</li>');
});
requesting = false;
});
}
}
</script>
var isLast = false;
var requesting = false;
var pageIndex =0;
$(function(){
//获取数据
getData();
//滚动事件
$(window).scroll(function(){
if(getScrollTop() + getWindowHeight()+10 > getScrollHeight()){
getData();
}
});
});
//获取数据
function getData(){
if(!isLast && !requesting){
requesting = true;
pageIndex = pageIndex +1;
$.getJSON("${base}/main/borrow/listData?pageIndex="+pageIndex+"&type=new",function(data){
//是否加载到最后
if(data.length<15){
isLast = true;}
$.each(data, function(name, item) {
$("#contents").append('<li>\
<a href="${base}/main/borrow/details?id='+item.id+'">\
</a>\
</li>');
});
requesting = false;
});
}
}
</script>
本文探讨了H5页面中常见的滚动翻页加载技术,详细解释了如何在内容达到底部时触发更多数据的加载,以及这种加载方式在用户体验和性能优化上的考量。
1058

被折叠的 条评论
为什么被折叠?



