Jqueryチャット - 新しいメッセージを表示

Question

私はphpとjqueryとチャットしています。

それが正常に動作しますが、私は少し問題を抱えている：

私はすべての5秒のメッセージを読み込み、それは下にスクロールするよりも、私はすべてのロードと。インデックス内のjqueryのザッツ

：

if(isset($_GET['getchat'])){ 


    $array = array(); 


    $sql = "SELECT user, username, nachricht, date, time FROM chat_verlauf ORDER BY date, time LIMIT 60"; 

    $res = mysqli_query($db, $sql); 

    if(mysqli_num_rows($res) > 0) { 

     while($ds = mysqli_fetch_object($res)) 
     { 
      $time = date("H:i:s", strtotime($ds->time)); 
      $date = date("d.m.Y", strtotime($ds->date)); 

      array_push($array, array(
       'chat_user' => $ds->user, 
       'chat_username' => $ds->username, 
       'chat_nachricht' => $ds->nachricht, 
       'chat_date' => $ds->date, 
       'chat_time' => $ds->time 
      )); 
     } 

     echo json_encode($array); 
    } else { 

    } 



} 

とHTML：：

function LoadChatVerlauf() { 

        $('.messages').empty(); 

    $.getJSON('infos.php', {'getchat':1 }, function(data) { 

       for(var key in data) { 
        var classe = ''; 


        if(data[key].chat_username == '<?php echo $user; ?>') { 
         classe = 'i'; 
        } else { 
         classe = 'friend-with-a-SVAGina'; 
        } 

         $('.messages').append('<li class="'+classe+'"><div class="head"><span class="time">'+data[key].chat_time+', '+data[key].chat_date+' </span><span class="name">'+data[key].chat_user+'</span></div><div class="message">'+data[key].chat_nachricht+'</div></li>'); 

        } 

      })//.fail(function() { alert('Unable to fetch data, please try again later.') }); 


     BOTTOM(); 

    } 

は、PHPファイルのthats私はこれが唯一の新しいメッセージをロードするために変更することができますどのように

<ul class="messages"> 

    </ul> 

i wor jqueryで本当に多くのked！私はそれをどうやってできるのか分かりません。ルートのdivのidを使用して、現在のHTMLをに.get）

1（：私は私の提案がある

$('.showMsgArea').append(msg); 

Answer 1

を助けることができるあなたは、新しいHTMLタグを追加するappend機能を使用することができます願っています。つまり、$（ '＃testBlock'）.html（））;

2）上記のコマンドから取得したhtml内に1つのdivを配置します。div内の現在のメッセージを追加します。

Answer 2

誰かが私に