您可以使用JavaScript來實現此功能。具體步驟如下:
- 在form表單中添加一個提交按鈕,併爲其添加一個事件監聽器。
- 在事件監聽器中使用XMLHttpRequest對象來提交表單數據到服務器。
- 在XMLHttpRequest對象的onreadystatechange事件處理函數中檢查服務器返回的狀態碼,如果是200則說明提交成功,此時彈出提示框。
- 在提示框中添加一個“確認”按鈕,當用戶點擊確認按鈕時,使用window.location.href屬性跳轉到新頁面。
以下是示例代碼:
<form id="myForm">
<!-- 在表單中添加需要提交的表單元素 -->
<input type="text" name="name">
<input type="email" name="email">
<button type="submit" id="submitBtn">提交</button>
</form>
<script>
const form = document.getElementById('myForm');
const submitBtn = document.getElementById('submitBtn');
submitBtn.addEventListener('click', function(event) {
event.preventDefault(); // 防止表單自動提交
const xhr = new XMLHttpRequest();
xhr.open('POST', '/submit');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
alert('提交成功!');
window.location.href = '/newpage'; // 跳轉到新頁面
}
};
xhr.send(new FormData(form));
});
</script>請注意,上述示例代碼僅用於演示如何實現所述功能,您需要根據實際情況對其進行調整。