这篇博客讨论了在实现类似Twitter的滚动加载新帖子功能时遇到的问题，即当用户滚动速度过快，jQuery AJAX请求可能发送多次，导致内容重复。作者提出了一种解决方案，通过设置一个变量`runningRequest`来跟踪是否已有请求在运行，以此避免并发请求，从而防止双帖问题的发生。
我遇到了一个我似乎无法解决的问题.
我目前正在实现一个类似于Twitter使用的AJAX功能 – 在滚动时获取新帖子.
jQuery看起来像这样：
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('div#ajaxloader').show();
$.ajax({
url: "loader.php?lastid=" + $(".container:last").attr("id"),
success: function(html){
if(html){
$("#main").append(html);
$('div#ajaxloader').hide();
}else{
$('div#ajaxloader').html('No more posts to show.');
}
}
});
}
});
现在问题;如果用户滚动得非常快并且数据库正在快速完成工作 – jQuery似乎无法足够快地发送正确的id作为查询 – 这导致双帖.
任何人都知道如何防止这种情况？
解决方法:
试试这个：
var runningRequest = 0;
$(window).scroll(function(){
if(runningRequest <1){
if($(window).scrollTop() == $(document).height() - $(window).height()){
runningRequest++;
$('div#ajaxloader').show();
$.ajax({
url: "loader.php?lastid=" + $(".container:last").attr("id"),
success: function(html){
runningRequest--;
if(html){
$("#main").append(html);
$('div#ajaxloader').hide();
}else{
$('div#ajaxloader').html('No more posts to show.');
}
}
error: function(){runningRequest--;}
});
}
}
});
标签：jquery,php,javascript
来源： https://codeday.me/bug/20190531/1187977.html
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
