[英]Submit HTML form, two actions one button
這是我的表格:
<form id="contact-form" method="post">
我必須通過單擊此按鈕將里面的數據傳遞給兩個 URL:
<button onclick="sendButton();" type="submit" name="submit" class="btn btn-primary btn-lg login-button cont-submit center-block"><i class="fa fa-paper-plane" aria-hidden="true"></i> Send Request</button>
該按鈕將觸發下面的 javascript:
function sendButton()
{
document.forms['contact-form'].action='excelReports.php';
document.forms['contact-form'].target='';
document.forms['contact-form'].submit();
document.forms['contact-form'].action='mailAnnual.php';
document.forms['contact-form'].target='';
document.forms['contact-form'].submit();
return true;
}
不幸的是,javascript 並沒有幫助成功傳遞數據,我想知道是否有人知道這個問題。 謝謝!
第二次提交將永遠不會執行。 您必須使用 AJAX。 例如:
function sendButton()
{
var form = document.getElementById('contact-form');
var formData = new FormData(form);
var xhr1 = new XMLHttpRequest();
xhr1.open('POST', 'excelReports.php', true);
xhr1.send(formData);
var xhr2 = new XMLHttpRequest();
xhr2.open('POST', 'mailAnnual.php', true);
xhr2.send(formData);
return true;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.