表單提交成功后重定向

Question

我一直對此感到困擾，並瀏覽了該問題的許多以往答案。

基本上，我希望在成功提交他們要填寫的表單后，最好是在看到成功消息后，將用戶重定向到其他頁面。

在這里，我認為我必須添加重定向，但是我嘗試過的所有操作要么破壞了提交，但沒有影響我的數據庫，或者什么也沒有發生。

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

非常感謝您的幫助！

Answer 1

要重定向到另一個頁面（從此處 ）：

// 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";

當您說對數據庫沒有任何影響時，是因為您可能在完成Submit事件之前重定向了頁面。 使用ajax執行提交，然后重定向。

由於您使用的是jQuery，因此可以使用如下所示（從此處獲取 ）：

$.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;
}