通过一个按钮提交多个表单
在 Web 开发中，经常会出现需要同时提交多个表单的场景。然而，传统的表单提交会导航到页面之外，从而阻碍了多个表单的提交。这就提出了一个问题：如何使用一个按钮提交两个不同的表单？
使用 JavaScript 进行异步表单提交
要绕过页面导航问题，我们可以利用 JavaScript 进行异步表单提交。这样可以提交一种表单而不影响另一种表单。以下 JavaScript 代码可用于提交两个 HTML 表单，一个接一个：
<script>
// Get references to both forms
var updateDBForm = document.getElementById("form1");
var payPalForm = document.getElementById("form2");
// Submit the first form asynchronously using fetch()
fetch(updateDBForm.action, {
method: updateDBForm.method,
headers: { "Content-Type": updateDBForm.enctype },
body: new FormData(updateDBForm)
})
.then(function(response) {
// Submit the second form
payPalForm.submit();
})
.catch(function(error) {
// Handle any errors
});
</script>在此脚本中：
这种方法允许在不中断流程的情况下提交两个表单页面的。
以上是如何一键提交两份表格？的详细内容。更多信息请关注PHP中文网其他相关文章！
