ページを更新せずにDivコンテンツを自動更新する（外部スクリプトを使用しない）

Question

divの内容を更新したい。私はチャットボックスを作成しており、メッセージ入力時にページ全体をリフレッシュしたくありません。私はdivをリフレッシュしたいだけです。 divには埋め込みコードがあり、外部スクリプトは使用されません。 私のコード：

代わりにあなたが Reactで使用される仮想DOMの概念を使用することができDIVコンテンツを注入する

<div class="direct-chat-messages" id='chatlogs'> 
      <?php 
        include "connect.php"; 

        $q121=mysql_query("Select DISTINCT full_date as full_date, date from chats where (employee_id='$employee_id' and chat_id='$chat_id') or (employee_id='$chat_id' and chat_id='$employee_id')") or die(mysql_error()); 
        if(mysql_num_rows($q121) > 0) 
        { 
        while($r211=mysql_fetch_array($q121)){ 
         $full_date1=$r211['full_date']; 
         $date1=$r211['date']; 
        ?> 

        <div class="chat-box-single-line"> 
           <abbr class="timestamp"><?php echo $r211['full_date']; ?></abbr> 
        </div> 
        <?php 
        $q122=mysql_query("Select * from chats where date='$date1' and (chat_id='$employee_id' or employee_id='$employee_id') and (chat_id='$chat_id' or employee_id='$chat_id') ORDER BY time ASC") or die(mysql_error()); 
        if(mysql_num_rows($q122) > 0) 
        { 
         while($r22=mysql_fetch_array($q122)){ 
          $employee_id1=$r22['employee_id']; 
          $chat_id1=$r22['chat_id']; 
          if(($employee_id1 === $employee_id) || ($chat_id1 === $employee_id)) 
          { 
        ?> 
    <div> 
         <div class="direct-chat-info clearfix"> 
         <span class="direct-chat-name pull-left"><?php echo $first; ?></span> 
         <span class="direct-chat-timestamp"><?php echo $r22['time']; ?></span> 
         </div> 
         <div class="direct-chat-text"> 
         <?php echo $r22['msg'];?> 
         </div> 
         <div class="direct-chat-info clearfix"> 
         </div> 
         <div class="direct-chat-info clearfix"> 
         </div> 
        </div> 
        <?php 
          } 
          else 
           if(($employee_id1 === $chat_id) || ($chat_id1 === $chat_id)){ 
    ?> 
    <div> 
         <div class="direct-chat-info clearfix"> 
         <span class="direct-chat-namei pull-left"><?php echo $we1['fname'];?></span> 
         </div> 
         <div class="direct-chat-text"> 
         <?php echo $r22['msg'];?> 
         </div> 
         <div class="direct-chat-info clearfix"> 
         <span class="direct-chat-timestamp pull-right"><?php echo $r22['time']; ?></span> 
         </div> 
         <div class="direct-chat-info clearfix"> 
         </div> 
        </div> 
     <?php      
          } 
         } 
        } 
        else 
        { 
        } 
        } 
        } 
        ?> 
        </div> 

Answer 1

。再ロードせずにページを更新する場合は、Flux Architectureを使用できます。したがって、データベースに変更がある場合、すべてのビューがその状態を変更するようトリガーされます。再ロードせずにページを更新することは、javascriptなしでは達成できません。