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

时间:2013-09-16 17:43:11

标签: javascript php jquery ajax

我有简单的应用程序,其功能正常,我只是在使用户友好时遇到问题。基本上它是一个用户输入他的名字(必填)和他的请求(也是必需的)的表格。

提交表单时,他的条目存储在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(根本没用)。我知道网上有很多提供类似项目的教程,但是它们都太复杂了,或者只是没有按照我想要的方式运行。

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

很抱歉这么久,并提前谢谢你。

1 个答案:

答案 0 :(得分:1)

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