在 HTML 文件中，可以有多個具有不同操作的表單。然而，單獨提交它們可能會給用戶帶來不便。本文探討了解決這個困境的方法，即利用 JavaScript 同時提交兩張表單。
第一個表單 updateDB 負責將資料傳送到資料庫使用 PHP 的資料庫。以下是範例 HTML 程式碼：
<form>
第二個表單 payPal 提交後將使用者引導至付款頁面。
<form>
要同時提交兩個表單，請按照以下步驟操作步驟：
function submitBothForms() {
// Submit updateDB form asynchronously via XMLHttpRequest
var xhr = new XMLHttpRequest();
xhr.open("POST", "mypage.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(postData.join("&"));
// Submit payPal form
document.getElementById("payPal").submit();
}async function submitBothForms() {
// Submit updateDB form asynchronously via fetch()
const res = await fetch("mypage.php", {
method: "POST",
headers: { "content-type": "application/x-www-form-urlencoded" },
body: new FormData(updateDB),
});
if (!res.ok) throw new Error("DB Update Failed!");
// Submit payPal form
payPal.submit();
}以上是如何一鍵同時提交兩個HTML表單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
