2014-09-12 198 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