简单的表单提交,没有页面刷新问题


Simple form submit without page refresh issue

我有一个简单的应用程序,其功能运行良好,我只是在使其用户友好时遇到麻烦。基本上,这是一个表单,用户可以在其中输入他的姓名(必需)和他的请求(也是必需的)。

提交表单后,他的条目存储在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。我知道网上有很多教程提供类似的项目,但所有这些教程要么太复杂,要么只是没有按照我想要的方式运行。

我不是在要求一个非常大或先进的东西,我想要最简单的解决方案。它不需要漂亮或吸引眼球,只要它能完成工作。

很抱歉花了这么长时间,提前感谢您。

除非您使用 Jquery 或 AJAX,否则如果不刷新页面,您将无法将数据提交到 Web 服务器。