divタグの内容が特定の時間間隔の後にリロードされると、メインWebページが長くなります。

Question

divタグにPHPファイルの内容をロードするWebページを作成しています。たとえば、5秒ごとにdivの内容を更新し、メインページをリロードせずに自分のメインページを更新するためにphpを読み込んだとします。

私の問題は、タイマーがdivの内容をリロードしているために、メインのWebページが縦長に長くなり、Webページが遅くなるためです。

私はこの方法をロードしようとしています：使用 スクリプトは私のchatcnew.phpファイルからのデータは、私のdivの中に適切にPHP、jqueryの、HTML

function Load_external_content(){ 
    $('#chatsidebar').empty(); 
    $('#chatsidebar').load('chatcnew.php'); 
} 

setInterval('Load_external_content()', 5000); 

<div class="chat-sidebar" id='chatsidebar'> 
    <?php include("chatcnew.php"); ?> 
</div> 

ロードされているが、スクロールが上に発生私のメインページと私は何が起こっているか分からない。

Answer 1

代わりにsetHTTPoutを試してください。これは、load html cost uncertain timeのためです。

function Load_external_content(){ 
    $('#chatsidebar').empty(); 
    //you can do optimizing: render chatcnew.php is not necessary if the data of the chatcnew.php not change 
    $('#chatsidebar').load('chatcnew.php',function(){ 
     setTimeout(Load_external_content,5000); 
    }); 
} 
Load_external_content();