使用Ajax使用提交按鈕提交兩個表單

Question

說明：

情況就這樣了。 我正在尋找一種在數據成功時調用另一個Ajax函數的方法，但是由於未知情況我無法執行此操作。

碼：

--- HTML表單：

<form accept-charset="utf-8"  id="contactForm1" style="margin-top:;" action="" method="post">
    <input class="wf-input wf-req wf-valid__email" type="text" name="email"
         data-placeholder="yes" id="email" value="Enter Your Email Here" onfocus=" 
         if (this.value == 'Enter Your Email Here') 
         { this.value = ''; }" onblur="if (this.value == '') 
         { this.value='Enter Your Email Here';} " style="margin-top:;">
    </input>
    <br />
    <input type="submit" class="wf-button" name="submit1" value=" " style="display:  inline !important; margin-top:-10px !important;"></input>
</form>

---- Ajax代碼：

$(function() {
    $('.wf-button').click(function (e) {
    e.preventDefault();
    var email = $('#email').val();
    var frm = this;
    $.ajax({
        type: 'POST',
        dataType: 'JSON',
        url: 'check.php',
        data: {
            email: email
        },
        success: function (data) {
            if (data.status == 'success') {
            // Need to place it here
            frm.submit();
            } else {
                alert('The e-mail address entered is not valid.');
            }
        }
    });
});

---同一頁面中具有HTML的另一種形式：-

    <form method="post" id ="aweber" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="947846900" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="awlist3599001" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou.htm?m=default" id="redirect_37ecf313df3b6f27b92c34c2c00ef203" />

<input type="hidden" name="meta_adtracking" value="ibb_test" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="email" />

<input type="hidden" name="meta_tooltip" value="" />
</div>
<div id="af-form-947846900" class="af-form"><div id="af-body-947846900"  class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-66127140">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-66127140" type="text" name="email" value=""  />
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<<input name="submitaw" id="submitaw" class="wf-button" type="submit" value="Submit" tabindex="501" />
<div class="af-clear"></div>
</div>
</div>
</div>
<div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=nCzsHCxsnAwM" alt="" /></div>
</form>

場景：

我會在用戶單擊ID ContactForm1的提交按鈕時觸發Ajax。
在提交表單之前，我希望Ajax將相同的值發送到同一頁面中的其他表單，然后單擊Submit。

怎么樣？

Answer 1

嘗試這個：

$('#aweber').submit(function (e) {
    e.preventDefault();
    var email = $('#email').val();
    var frm = this;
    $.ajax({
        type: 'POST',
        dataType: 'JSON',
        url: 'check.php',
        data: {
            email: email
        },
        success: function (data) {alert('first form submitted');
            if (data.status == 'success') {
                frm.submit();
            } else {
                alert('The e-mail address entered is not valid.');
            }
        }
    });
});

Answer 2

如果成功總是重新加載頁面，則提交表單。 使用ajax發布到服務器。

你可以試試：

$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).then( myFunc, myFailure );

http://api.jquery.com/jquery.when/