Javascript 无页面刷新问题的简单表单提交

我有一个简单的应用程序，它的功能运行得很好，我只是很难让它对用户友好。基本上，它是一个表单，用户在其中输入他的姓名（必需）和请求（也必需）

提交表单时，他的条目存储在MySQL数据库中，并且在同一页面上显示来自所有用户的所有其他请求，包括用户请求。所有这些都应该在不刷新页面的情况下完成（这基本上是我的问题）

我的HTML代码结构如下：

<div id="main">
    <form action="" method="post">
      Name: <input type="text" name="name" />
      Request: <textarea name="request"></textarea>
    </form>
</div>

<div id="totalRequest">
  <!-- All requests fetched from database, including user's input -->
</div>

姓名：
请求：

而PHP：

<?php
if(!empty($_POST)) {
  //form validation code

  //if validation successful, execute code and send to MySQL
}
?>

总之，用户旅程应如下所示：

<div id="main">
    <form action="" method="post">
      Name: <input type="text" name="name" />
      Request: <textarea name="request"></textarea>
    </form>
</div>

<div id="totalRequest">
  <!-- All requests fetched from database, including user's input -->
</div>

用户访问页面并在（#totalRequests）div中看到表单和其他人提出的其他请求。然后，他输入自己的输入（两个字段都是必需的），验证后，他应该会看到自己的请求显示在其他请求的顶部

我不擅长JavaScript或AJAX（一点也不擅长）。我知道有很多在线教程提供类似的项目，但它们要么太复杂，要么就是没有按照我想要的方式运行

我不是要一个非常大或先进的东西，我要的是尽可能最简单的解决方案。它不需要漂亮或吸引眼球，只要它能完成任务

---

抱歉耽搁了这么长时间，提前感谢。

除非使用Jquery或AJAX，否则在不刷新页面的情况下，您将无法向Web服务器提交数据。

除非使用Jquery或AJAX，否则在不刷新页面的情况下，您将无法向Web服务器提交数据。

因此，您基本上是在问如何发出AJAX请求？阅读jQuery文档。试试这个：如果你不擅长它或者它太复杂，你应该雇个人来帮你做。那么你基本上是在问如何提出Ajax请求？阅读jQuery文档。试试这个：如果你不擅长它，或者它太复杂，你应该雇个人来帮你做。