2014-09-12 131 views
-1

我跟着这个教程,以避免刷新表格后提交:http://www.phpgang.com/submit-a-form-without-page-refresh-php-jquery_77.html刷新页面提交

所有的伟大工程,因为形式发送数据,该数据被正确sotred到数据库中,但页面刷新和它去到submit.php

UPDATE:

我跟着第一个评论,但页面刷新。这是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,我应该怎么做才能解决这个问题?

+0

请发布您的代码中不适用的相关部分,并描述您希望代码执行的操作。你不能指望我们会阅读一些非现场教程,并猜测你的问题可能是什么。 – lxg 2014-09-12 21:44:24

+3

'函数SubmitForm(e){e.preventDefault(); ...}' – Class 2014-09-12 21:44:56

+2

坏教程,缺少防止默认提交 – charlietfl 2014-09-12 21:45:01

回答

-1

一个更好的方法来做到这一点将不是为你发送到服务器的元素有一个表单动作,但使用jQuery将表单元素/数据提交到一个POST到服务器端脚本的db插入和数据处理。这样你就可以正确地获取所有数据,并避免在页面上进行刷新。另外,你可以在最后一个div上显示表单成功,而不必刷新整个页面。

基本上, ' 形式元素

的jquery 交 数据到服务器侧脚本 发送外形成功数据到一个内部-DIV /jquery的

显示形式成功DIV,关闭窗体 `

的问题与你以前做的例子使用的仍然是使用表单动作。你仍然可以使用表单动作,但在jQuery中,它没有正确使用,以避免页面刷新。

+1

从渐进增强的角度来看,这个答案不是很好的建议 – charlietfl 2014-09-12 22:01:26

+0

它比刷新页面提交到submit.php更好;渐进式增强有很长的路要走,我不能在我的一个段落解决方案中得出结论。 – unixmiah 2014-09-12 23:40:54

+1

好,如果服务器代码设置正确,以处理这两种类型的提交 – charlietfl 2014-09-12 23:42:21