如何从网页发布多个表单

Question

我想使用javscript发布2个表单，但我似乎无法弄明白。有人能帮助我吗？

似乎我需要根据此提交第一个表单Async，但我不遵循他们的代码：Submit two forms with one button

HTML

<form name="form1" action="https://test.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" target = "me1">
<input type="hidden" name="oid" value="00Df00000000001" />
</form>


<form name="form2" action="https://test.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"  >
<input type="hidden" name="oid" value="00Df00000000001" />
</form>

<input name="submit" value="Submit Form" onclick="submitForms ()" type="button">

JS

function submitForms(){
    document.forms["form1"].submit(); /* should be Async?*/
    document.forms["form2"].submit();
}

Answer 1

var str1 = $( "form1" ).serialize();
var str2 = $( "form2" ).serialize();
ajaxReq(url,str1);
ajaxReq(url,str2);
    function ajaxReq(url,data){
      var request = $.ajax({
              url: url,
              type: "POST",
              data: data,
              dataType: "html"
            });

            request.done(function(html) {
                console.log('SUCCESS')
            });

            request.fail(function( jqXHR, textStatus ) {
                console.log("AJAX REQUEST FAILED" + textStatus);
            });
    }