Javascript 如何在Ajax表单提交后显示while循环

谈到Ajax，我仍处于学习阶段。我制作了一个脚本，可以将数据发送到数据库，并且可以正常工作。数据插入。现在我的问题是如何在页面上显示数据

display.php

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

  //get variables
        $chatMessage= $_POST['chatMessage'];
        $fromUserId= $_POST['fromUserId'];
        $toUserId= $_POST['toUserId'];
        $chatStatus='1';

    //insert in ve_articles_comments
    $startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
    $startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
    $startChatQ ->execute() or die(mysqli_error($db)); 

    if($startChatQ ){
     // echo "Data Submitted succesfully";
        $_SESSION['success']='<h4 style="text-align: center;" class="alert alert-success alert-dismissable" ><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>Your chat request was sent with success.</h4>'; 
      header('Location: ' . $_SERVER['HTTP_REFERER']);
    exit;
      }
    $startChatQ ->close();
    $db->close();

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

//get variables
    $chatMessage= $_POST['chatMessage'];
    $fromUserId= $_POST['fromUserId'];
    $toUserId= $_POST['toUserId'];
    $chatStatus='1';
      $loginid_session=$_POST['fromUserId'];

//insert in ve_articles_comments
$startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
$startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
$startChatQ ->execute() or die(mysqli_error($db)); 

if($startChatQ ){
 // echo "Data Submitted succesfully";
                    $chatmsgQ="SELECT * FROM ve_chat c WHERE c.isActive='1' AND (c.fromUserId='$loginid_session' OR c.toUserId='$loginid_session')";
                    $chatmsgresult=  mysqli_query($db,$chatmsgQ);
                    while($chatmsg=  mysqli_fetch_array($chatmsgresult)){
                        if($chatmsg['fromUserId']==$loginid_session){
                            echo "   <p class='bubble pull-left'>" .$chatmsg['message'] . "</p> ";

                        }
                        elseif($chatmsg['fromUserId']!=$loginid_session){
                            echo  "  <p class='bubbleother pull-right'>" . $chatmsg['message'] . "</p> ";

                        } }
                        }
                        $startChatQ ->close();
                        $db->close();

好吧，这对我来说很有用：

display.php

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

  //get variables
        $chatMessage= $_POST['chatMessage'];
        $fromUserId= $_POST['fromUserId'];
        $toUserId= $_POST['toUserId'];
        $chatStatus='1';

    //insert in ve_articles_comments
    $startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
    $startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
    $startChatQ ->execute() or die(mysqli_error($db)); 

    if($startChatQ ){
     // echo "Data Submitted succesfully";
        $_SESSION['success']='<h4 style="text-align: center;" class="alert alert-success alert-dismissable" ><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>Your chat request was sent with success.</h4>'; 
      header('Location: ' . $_SERVER['HTTP_REFERER']);
    exit;
      }
    $startChatQ ->close();
    $db->close();

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

//get variables
    $chatMessage= $_POST['chatMessage'];
    $fromUserId= $_POST['fromUserId'];
    $toUserId= $_POST['toUserId'];
    $chatStatus='1';
      $loginid_session=$_POST['fromUserId'];

//insert in ve_articles_comments
$startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
$startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
$startChatQ ->execute() or die(mysqli_error($db)); 

if($startChatQ ){
 // echo "Data Submitted succesfully";
                    $chatmsgQ="SELECT * FROM ve_chat c WHERE c.isActive='1' AND (c.fromUserId='$loginid_session' OR c.toUserId='$loginid_session')";
                    $chatmsgresult=  mysqli_query($db,$chatmsgQ);
                    while($chatmsg=  mysqli_fetch_array($chatmsgresult)){
                        if($chatmsg['fromUserId']==$loginid_session){
                            echo "   <p class='bubble pull-left'>" .$chatmsg['message'] . "</p> ";

                        }
                        elseif($chatmsg['fromUserId']!=$loginid_session){
                            echo  "  <p class='bubbleother pull-right'>" . $chatmsg['message'] . "</p> ";

                        } }
                        }
                        $startChatQ ->close();
                        $db->close();

chat.php

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

  //get variables
        $chatMessage= $_POST['chatMessage'];
        $fromUserId= $_POST['fromUserId'];
        $toUserId= $_POST['toUserId'];
        $chatStatus='1';

    //insert in ve_articles_comments
    $startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
    $startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
    $startChatQ ->execute() or die(mysqli_error($db)); 

    if($startChatQ ){
     // echo "Data Submitted succesfully";
        $_SESSION['success']='<h4 style="text-align: center;" class="alert alert-success alert-dismissable" ><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>Your chat request was sent with success.</h4>'; 
      header('Location: ' . $_SERVER['HTTP_REFERER']);
    exit;
      }
    $startChatQ ->close();
    $db->close();

       <div class='displayMessage' style='height: 540px; padding:5%; overflow-x:hidden;'>
       <?php
       $chatmsgQ="SELECT * FROM ve_chat c 
       WHERE c.isActive='1' AND c.fromUserId='$loginid_session' 
       OR c.toUserId='$loginid_session'";
       $chatmsgresult=  mysqli_query($db,$chatmsgQ);
       while($chatmsg=  mysqli_fetch_array($chatmsgresult)){?>
      <?php if($chatmsg['fromUserId']==$loginid_session):?>
      <!-- user one -->
      <p class='bubble pull-left'><?=$chatmsg['message'];?></p>
      <?php elseif($chatmsg['fromUserId']!=$loginid_session):?>
      <!-- user two-->
      <p class='bubbleother pull-right'><?=$chatmsg['message'];?></p>
      <?php endif;?>
      <?php } ;?>
      </div>

 <!-- write message-->
<form id="chatForm" method='post' action='chat.php'>
<textarea id='chatMessage' name='chatMessage' placeholder="Type your message here... " value=''></textarea> 
<button id='buttons' type="submit" name='sendChat' class="btn btn-default">Send</button>
<input type='hidden' id='fromUserId' name='fromUserId' value='<?=$loginid_session;?>'>
<input type='hidden' id='toUserId' name='toUserId' value='<?=$touserid;?>'>
</form>

//get variables
    $chatMessage= $_POST['chatMessage'];
    $fromUserId= $_POST['fromUserId'];
    $toUserId= $_POST['toUserId'];
    $chatStatus='1';
      $loginid_session=$_POST['fromUserId'];

//insert in ve_articles_comments
$startChatQ = $db->prepare("INSERT INTO ve_chat (fromUserId,toUserId,message,isActive) VALUES (?,?,?,?)");
$startChatQ ->bind_param("iisi",$fromUserId,$toUserId,$chatMessage,$chatStatus);
$startChatQ ->execute() or die(mysqli_error($db)); 

if($startChatQ ){
 // echo "Data Submitted succesfully";
                    $chatmsgQ="SELECT * FROM ve_chat c WHERE c.isActive='1' AND (c.fromUserId='$loginid_session' OR c.toUserId='$loginid_session')";
                    $chatmsgresult=  mysqli_query($db,$chatmsgQ);
                    while($chatmsg=  mysqli_fetch_array($chatmsgresult)){
                        if($chatmsg['fromUserId']==$loginid_session){
                            echo "   <p class='bubble pull-left'>" .$chatmsg['message'] . "</p> ";

                        }
                        elseif($chatmsg['fromUserId']!=$loginid_session){
                            echo  "  <p class='bubbleother pull-right'>" . $chatmsg['message'] . "</p> ";

                        } }
                        }
                        $startChatQ ->close();
                        $db->close();

//获取变量
$chatMessage=$_POST['chatMessage']；
$fromUserId=$\u POST['fromUserId']；
$toUserId=$_POST['toUserId']；
$chatStatus='1'；
$loginid_session=$_POST['fromUserId']；
//在ve_文章中插入注释
$startChatQ=$db->prepare（“插入到ve_聊天（fromUserId、toUserId、message、isActive）值（？，，，？）”；
$startChatQ->bind_参数（“iisi”、$fromUserId、$toUserId、$chatMessage、$chatStatus）；
$startChatQ->execute（）或die（mysqli_错误（$db））；
如果（$startChatQ）{
//回显“数据提交成功”；
$chatmsgQ=“选择*FROM ve_chat c，其中c.isActive='1'和（c.fromUserId='$loginid_session'或c.toUserId='$loginid_session'）”；
$chatmsgresult=mysqli_查询（$db$chatmsgQ）；
while（$chatmsg=mysqli\u fetch\u数组（$chatmsgresult））{
如果（$chatmsg['fromUserId']==$loginid\u session）{
echo“
”$chatmsg['message']。“
”；
}
elseif（$chatmsg['fromUserId']！=$loginid\u session）{
echo“
”$chatmsg['message']。“
”；
} }
}
$startChatQ->close（）；
$db->close（）；
chat.php返回什么？chat.php中的任何回显都将发送回响应变量中的js脚本。只需做一个document.getElementById（“someDiv”）.innerHTML=response；这太简单了，但我希望你能明白。如果您只想返回变量，也可以从php脚本返回JSON数据。@Vbudo:我喜欢简单的东西，我真的很喜欢简单的东西。。。您的ANWR会显示插入数据库中的数据吗？看起来您需要了解一些事情。替换//我到底在这里放了什么？使用警报（结果）查看发生了什么。这就是你想要的结果吗？如果没有，则需要更改chat.php。我已经有一段时间没有做PHP开发了，但我一直都是这样做的。display.php保存我的HTML，并包含（您没有的文件）\u display.php。php所做的就是包含我的select语句并将所需的HTML写入页面。然后，将id Ajax添加到chat.php。php将返回一个布尔值，为true表示成功。如果result==success，则将Ajax转换为_display.php并替换HTML。这里有一个很好的资源，它使用纯JavaScript请求。但你应该能很好地理解我的意思。