Submit HTML form, two actions one button

tengxuanp :

this is my form:

<form id="contact-form" method="post">

and I have to pass the data inside to two URLs by clicking this button:

<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>

the button will trigger the javascript below:

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;
}

Unfortunately, the javascript didn't help to pass the data successfully, I wonder if anyone knows the problem. Thank you!

Lukaaashek :

Second submit will be never executed. You must use AJAX. For example:

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;
}

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=302494&siteId=1

Submit HTML form, two actions one button

There are three buttons submit the form, how different click of a button, to achieve different actions?

html and distinguish submit button is!

Two buttons submit a form form

layui the radio button to submit the form

button press Enter to submit the form

Submit button inside form without reloading form

Submit button inside form without reloading form

Change the name of the HTML submit button

Click the stop button to submit the form method of

Test point for the form's submit button

The submit button of the element UI form is not in the form, and the submission triggers verification

form form switch action value, different button submit

Two ways to encapsulate form and button

Using the submit button to submit the data / using the reset button to reset the form information

The attribute of a button is submit. How can I submit the form and jump to another page after clicking the button?

html+PHP submit form and save to MySQL

html+PHP submit form and save to MySQL

(Two) html complex form

form-create Tutorial: Remove the default submit button form-create Tutorial: Remove the default submit button form-create tutorial: to built-in components and custom components to add events

Completed: University Examination Information Digital Platform (6) - Submit the form through the button outside the form

el-form form validation in element-ui, verification is only performed when the submit button is clicked

Creating HTML forms, set the form properties, single-line text, password boxes, radio buttons, check buttons, push buttons, reset button, submit button, the image domain, file domain, hidden fields, drop-down list item, set of fields, labels.

HTML5 and Mobile Web: Ajax asynchronous submit the form

Ajax form submit form

Form form to submit questions

form form submit no response

FormData objects submit the form and submit the form form

Js difference in the submit button and the

uniapp encapsulates the pop-up component (popup, radio button, you can select the form and submit the form) with complete code