时间戳

首页 > 解决方案 > 提交HTML表单，两个动作一键

javascript - 提交HTML表单，两个动作一键

问题描述

这是我的表格：

<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没有帮助成功传递数据，我想知道是否有人知道这个问题。谢谢！

标签： javascriptphphtml

解决方案

第二次提交将永远不会执行。您必须使用 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;
}

推荐阅读