表单提交后刷新页面

时间:2014-09-12 21:41:23

标签: javascript php jquery forms submit

我遵循本教程以避免表单提交后的刷新: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,我该怎么做才能解决这个问题?

1 个答案:

答案 0 :(得分:-1)

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

基本上, `      形元件  

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

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

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