無限スクロールは同じIDをデータベースから再度返します

Question

フレンドphpとjqueryを使用してスクロールにデータをロードしようとしています。私の問題は、データベースは最後のIDからロードされていますが、最後にロードされたIDは繰り返しています。私はjqueryの競合やコードエラーのために天気を見つけることができません。私はjquery 1.11.1のバージョンを使用しています。より良い理解のために下のイメージを見てください。

とPHPからデータを取得するための私のjqueryのは

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     loadData(); 
    } 
    }); 

function loadData() 
{ 
    $('div.postloader').html('<img src="http://www.zesteve.com/img/loader.gif">'); 
    $.post("/getData.php?lastID=" + $(".post-list:last").attr("id"),  
    function(data){ 
     if (data != "") { 
     $(".post-list:last").after(data);    
     } 
     $('div.postloader').empty(); 
    }); 

}; 

とgetData.phpに私は

$last_id = $_GET['lastID']; 
    $stmt = $dbh->prepare('SELECT * FROM review WHERE id < :lastID AND user_id = :user_id order by id DESC LIMIT 5'); 
    $stmt->execute(array(':lastID' => $last_id,':user_id'=>$user_id));  

友人を使用していますです、あなたはここで何を理解していない場合はコメントしてください。私が間違っているところで私を助けてください？

Answer 1

私は要求の実行中にアイテムを引っ張っ防ぐことができますフラグを追加してみてください、あなたが速すぎて、サーバーからデータを引っ張っていると思う：

var flagPulling = false; 
function loadData() { 
    if(flagPulling) { 
     return; 
    } 
    flagPulling = true; 
    $('div.postloader').html('<img src="http://www.zesteve.com/img/loader.gif">'); 
    $.post("/getData.php?lastID=" + $(".post-list:last").attr("id"), function(data){ 
     if (data != "") { 
      $(".post-list:last").after(data);    
     } 
     $('div.postloader').empty(); 
     flagPulling = false; 
    }); 
}; 

Answer 2

次の比較：

$last_id = $_GET['lastID']; 

を

$.post("/getData.php?lastID=" + $(".post-list:last").attr("id"), function(data){ 

へ

あなたはPOSTを使用してますが01でlastIDを探しています。

$last_id = $_POST['lastID'];