Javascript 动态提交表单并显示输入值，无需重新加载

我想为我的网站创建一个完全动态的聊天界面， 但是如果有人提交按钮，它会重新加载整个页面，这将直接显示div

<div class="messeging" id="msg">
    <?php  print $message->getName() ." : " . $chat->message . ""; ?> 
</div>

---

我不太懂javascript/ajax如何解决这个问题

试试jquery ajax，在submit按钮上发送最后一条消息保存到db中，获取所有记录并将它们显示到聊天页面中。因此，每次您发送消息时，它都会获取所有消息。如果您不知道ajax是如何工作的，请告诉我。

首先查看名为“onSubmit”的表单上的事件

一旦理解了这一点，就可以在“onSubmit”方法处理程序中使用“event.preventDefault（）”。或者在英语中，保持表单的默认行为不发生以提交到操作

在阻止默认操作之后，您将需要对表单执行一些操作，最新浏览器中最简单的方法是使用fetchapi

您应该能够将表单中的数据提交给某个端点，该端点返回您希望注入的HTML

成功返回HTML后，将需要使用带有append（）的简单document.createElement方法

---

祝你学习网络好运

看看WebSocket、服务器发送的事件或轮询，有那么多Tut，如果不是全部都是“聊天”的例子的话。我不知道怎么做，可能是重复的

<form action="action.php" method="post">
    <input type="text" id="input" value="php echo">
    <input type="submit" value="send" onclick="showDiv()">
</form>

<div class="messeging" id="msg">
    <?php  print $message->getName() ." : " . $chat->message . ""; ?>
</div>