x秒後のコンテンツのリロード

Question

インデックスページには、フォーラムの最後の投稿を表示するdivボックスがあります。 10秒ごとに再読み込みします。

$(document).ready(function(){ 
    while(1==1) 
    { 
     $("#lastPosts").delay(10000).load("showLastPosts.php"); 
    } 
}); 

これは良い考えですか？より良いアプローチがありますか？

Answer 1

ではなくsetIntervalをお試しください：

$(document).ready(function(){ 
    setInterval(function() { 
     $("#lastPosts").load("showLastPosts.php"); 
    }, 10000); 
}); 

をリモートコンテンツをロードしているので、あなたも（あなたの間隔は10秒であることから、可能性は低い）AJAXコールバック異なる順序で来ることができるという可能性を考慮すべきです。これを防ぐために、あなたはsetTimeoutと再帰関数（MDNの記事の下部に概説される）を使用することができます

(function getLatestPosts(){ 
    setTimeout(function(){ 
     $("#latestPosts").load("showLastPosts.php", getLatestPosts);  
    }, 10000); 
})(); 

Answer 2

を私はあなたがdiv要素にロードするための最新情報を取得するためにサーバーと通信することだと思います。したがって、ajaxの使用を検討する必要があります。

$(document).ready(function(){ 
    setInterval(function() { 
     $.ajax({ 
     type : 'GET' 
     url: 'showLastPosts.php', 
     datatype: 'html', 
     success: function(data){ 
      $("#lastPosts").html(data); 
      } 
     }); 
    }, 10000); 
});