在滚动加载更多的数据

Question

Hy guys， 我已经做了一个脚本，在滚动发送一些Ajax请求。之后，我将附加响应div。问题是，在滚动击中底部ajax将发送4-5要求改为一个。 我已经设置了一个变量偏移量，每个请求都会增加一个。对于每个请求，我需要选择12个项目。偏移量是计算将被跳过的行数（2 * 12,3 * 12等） 。问题是，有时偏差保持在0和一些请求后，这将增加

脚本

$(document).scroll(function(){ 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 500){ 

    string="offset="+offset+'&'+"plusskip="+fistskip; 
    $('#listaHolder').append('<div class="ajaxLoader"></div>'); 



    $.ajax({ 

     type: "POST", 

     url: siteURL+"libs/ajax/ajax_foto.php", 

     data:string, 

     success:function(response){ 
     offset=offset+1; 
     fistskip=0; 
     $('.ajaxLoader').remove(); 


     $('#listaHolder').append(response); 


     } 

    }); 
} 

}); 

Answer 1

您滚动它会调用Ajax的功能每一次，所以当你的过去的500标志着它将继续调用该函数。您需要放入一些逻辑来检查ajax是否正在加载，也许是否有更多内容需要加载。我将ajax函数和滚动监听器分开，以使事情更轻松。

var loading = false; 

$(document).scroll(function(){ 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 500){ 
     if(!loading) 
     { 
      ajaxFunction(); 
     } 
    } 
}); 

function ajaxFunction() 
{ 
    loading = true; 
     $.ajax({ 

     type: "POST", 

     url: siteURL+"libs/ajax/ajax_foto.php", 

     data:string, 

     success:function(response){ 
     offset=offset+1; 
     fistskip=0; 
     $('.ajaxLoader').remove(); 


     $('#listaHolder').append(response); 
     loading = false; 

     } 

    }); 
} 

我不确定你的意思是偏移量，你能否在评论中多说一点。