重定向表格後提交成功

Question

我一直有這個麻煩，經歷了很多過去的這個問題的答案的看着。

基本上我想將用戶重定向到一個不同的頁之後成功提交他們完成的形式，並且優選地看到一則成功消息之後。

這裏就是我想我要補充的重定向，但一切我試過要麼打破了提交，並沒有打我的數據庫，或者什麼也不會發生。

if (jQueryRoi('#formRoiWebCapture').valid()) { 
    SaveCaptureForm(ui); 
} else { 
    document.getElementById('buttonSaveFormROI').disabled=false; 
    } 

非常感謝您的幫助！

Answer 1

重定向到另一個頁面（從here）：

// similar behavior as an HTTP redirect 
window.location.replace("http://stackoverflow.com"); 

// similar behavior as clicking on a link 
window.location.href = "http://stackoverflow.com"; 

當你說什麼打你的數據庫是因爲你很可能在完成提交事件之前重定向的頁面。使用ajax執行提交然後重定向。

既然你使用jQuery，您可以使用這樣的事情（從here拍攝）：

$.post('server.php', $('#theform').serialize()) 

或

$.get('server.php?' + $('#theForm').serialize()) 

Answer 2

這真的取決於你的服務器端代碼做什麼，但你可以做這樣的事情（不是最好的實現，但爲起點）：

if (jQueryRoi('#formRoiWebCapture').valid()) { 
    SaveCaptureForm(ui); 
    showMessage(); 
    setTimeout(function() { 
     location.href = "otherpage.html" 
    },5000) // redirect after 5000ms 
} else { 
    document.getElementById('buttonSaveFormROI').disabled=false; 
}