实现功能:页面某版块,当滚动条滚动到该区域时加载数据,否则不加载,节省页面加载时间
加一个开关,当ajax请求成功后,关闭,防止不停的无限的循环加载,优化,进入ajax就设置开关。
$(function () {
varisload = true;
$(window).scroll(function () {
varfold = $(window).height() + $(window).scrollTop();
if (fold> $("#dvh").offset().top && isload) {
$.ajax({
type: "GET", url: '/test.aspx?r=' + Math.random(),
cache: false,
dataType: "html",
beforeSend: function(XMLHttpRequest){
isload = false;
},
success: function (data) {if (data != "") {
$('#dvh2').html(data);
$("#dv").css("display", "block");
varlikeErr = $('#getInErr').val();
if (likeErr == "false") {
$('#dvh2').val = $('#getIn').val();
}
}
},
error: function(){
isload = false;
}
})
}
});
}
})
网友评论