javascript - 简单的表单提交，没有页面刷新问题

Question

我有一个简单的应用程序，其功能运行良好，只是在使其用户友好方面遇到了困难。基本上，它是一个用户输入他的姓名(必填)和他的请求(也必填)的表单。

提交表单后，他的条目存储在 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
}
?>

总而言之，用户旅程应如下所示:

用户访问该页面并查看表单以及 (#totalRequests) div 中其他人提出的其他请求。然后，他输入自己的输入(两个字段都是必需的)，经过验证后，他应该会看到他的请求显示在其他请求之上。

我(根本)不擅长 JavaScript 或 AJAX。我知道网上有很多教程提供类似的项目，但它们要么太复杂，要么就是没有按照我想要的方式运行。

我并不是要求非常大或高级的东西，我想要尽可能简单的解决方案。它不需要很漂亮或吸引眼球，只要能完成工作即可。

抱歉耽误了这么长时间，提前谢谢您。

Answer 1

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