一次抓取數據並放入兩個不同的div

Question

我一直試圖抓取兩個用戶之間的聊天消息，並希望將它們放在兩個不同的div s中，並分別對兩個div進行樣式設置。我現在正在做的是獲取聊天記錄，並將其放入單獨的「消息」中，但我想要獲取數據，並希望將它放在「消息」div內的兩個div中。

function fetch_chat() { 
    // to fetch the chats between two users 
    $.ajax({ 
     url: "fetch_chat.php", 
     method: "POST", 
     data: { 
      id: currentID 
     }, 
     dataType: "text", 
     success: function(data) { 
      $("#messages").show(); 
      $('#messages').html(data); 
      $("div.area").show(); 
      //chatTimer = setTimeout(fetch_chat, 500); //request the chat again in 2 seconds time 
      if (!scrolled) { 
       $("#messages").animate({ scrollTop: $(document).height() }, "fast"); 
       scrolled = true; 
      } 
     } 
    }); 
} 

<?php 
require("config.php"); 
$id = $_POST['id']; 
$sql = "select * from users where id='$id'"; 
$res = mysqli_query($con, $sql); 
$row = mysqli_fetch_array($res); 
$user_to = $row['name']; 
$sql1 = "select * from chats where user_from='$_SESSION[name]' AND user_to='$user_to' OR user_to='$_SESSION[name]' AND user_from='$user_to' order by id"; 
$res1 = mysqli_query($con, $sql1); 
if (mysqli_num_rows($res1) > 0) { 
    while ($row = mysqli_fetch_array($res1)) { 
     echo $row['msg']; 
    } 
} else 
    echo "No msgs <br />"; 
?> 

Answer 1

從數據庫中獲取數據時，如果消息來自用戶，則給它一個類，否則給它一個不同的類。然後在顯示聊天結果的html文件中，定義這些類樣式。包括在其中具有的功能fetch_chat（）文件中的這些款式，

 <style> 
     .mine { 
      background-color: lightblue; 
     } 

     .notMine { 
      background-color: lightyellow; 
     } 

    </style> 

，而PHP的將是

<?php 

    require("config.php"); 
    $id= $_POST['id']; 
    $sql="select * from users where id='$id'"; 
    $res=mysqli_query($con,$sql); 
    $row=mysqli_fetch_array($res); 
    $user_to= $row['name']; 
     $sql1="select * from chats where user_from='$_SESSION[name]' AND user_to='$user_to' OR user_to='$_SESSION[name]' AND user_from='$user_to' order by id"; 
     $res1=mysqli_query($con,$sql1); 
      if(mysqli_num_rows($res1)>0){ 
       while($row=mysqli_fetch_array($res1)){ 
        if($row["user_from"] === $_SESSION["name"]) { 
         echo "<div class='mine'> $row[msg] </div>\n"; 
        } 
        else { 
         echo "<div class='notMine'> $row[msg] </div>\n"; 
        } 
        //echo $row['msg']; 
       } 
      } 
     else { 
      echo "No msgs <br />";  
     } 
    ?>