$(window).scroll(function () {
var scrollerh = $(document).scrollTop();
var viewbody = $(window).height();
var allbody = $(document).height();
//判断位置
if (scrollerh + viewbody > allbody - 200) {
console.log('yes')
count = $('.info>li').size()
blog_ids = JSON.parse(sessionStorage.getItem('blog_ids'))
page = parseInt(sessionStorage.getItem('page'))
if (page + 10 < blog_ids.length) {
//小于数组长度
blog_ids = blog_ids.slice(page, page + 10)
get_blog_info(blog_ids)
} else if (blog_ids.length === page + 10) {
//等于数组长度
blog_ids = blog_ids.slice(page, blog_ids.length - 1)
get_blog_info(blog_ids)
$('.null').addClass('no_search_results')
} else {
//大于数组长度
//TODO 此处应有一个不同的底部提示
$('.null').addClass('no_search_results')
}
}
}),
function get_blog_info(blog_ids) {
if (blog_loading) {
//控制瀑布流加载
blog_loading = false
console.log('ajax run')
$.ajax({
url: URL + 'v1/search/',
type: 'post',
dataType: 'json',
success: function (res) {
console.log(res)
blog_loading = true
}
})
}
}
方法很简单 就是在请求的时候加一个控制变量 同一时间只允许发一次