表单提交后刷新页面

Question

我遵循本教程以避免表单提交后的刷新：http://www.phpgang.com/submit-a-form-without-page-refresh-php-jquery_77.html

一切都很好，因为表单发送数据并且数据正确地存入数据库，但是页面刷新并且它转到submit.php

更新：

我按照第一条评论但页面刷新了。这是JS代码：

function SubmitForm(e) {
e.preventDefault();
var game = $("#game").val();
var question = $("#question").val();
var option = $("#option").val();
$.post("submit.php", { game: game, question: question, option: option },
}

unixmiah，我该怎么做才能解决这个问题？

Answer 1

更好的方法是不对您要发送到服务器的元素进行表单操作，而是使用jquery将表单元素/数据提交到POST到服务器端脚本以进行db插入和数据处理。这样您就可以正确获取所有数据并避免在页面上进行任何刷新。此外，您可以在最终div上显示表单成功，这比必须刷新整个页面更安全。

基本上， `      形元件  

的jquery   岗位    数据到服务器端脚本    发送格式的成功 - 数据 - 的内部-DIV  / jquery的

  显示表单成功div，关闭表单  `

您使用的示例的问题仍然是使用表单操作。您仍然可以使用表单操作，但在jquery中，它没有被正确使用以避免页面刷新。