Javascript 使用Ajax通过提交按钮提交两个表单
说明: 情况是这样的。我正在寻找一种方法,当数据成功时调用另一个Ajax函数,但由于未知情况,我无法调用 代码: ---HTML格式:Javascript 使用Ajax通过提交按钮提交两个表单,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,说明: 情况是这样的。我正在寻找一种方法,当数据成功时调用另一个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"
<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>
---同一页面中包含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>
电邮:
试试这个:
$('#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.');
}
}
});
});
如果成功提交表单,请始终重新加载页面。
使用ajax发布到服务器
你可以试试:
$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).then( myFunc, myFailure );
你是说这两种形式都有完全相同的字段吗?@manishie,只是类,但字段不同。如果可以触发并将信息发送到两个特定表单,并延迟提交表单。当然,但我们是否需要将字段数据发送到另一个表单,或者您只是试图触发另一个表单上的表单提交,提交手动输入的任何数据?@manishie,在表单中发送字段数据(.#contactform1)到(.#aweber)并触发提交按钮。您需要提交表单而不是按钮,因此var frm=this代码>将是var frm=$(“#contactForm1”)代码>我可以把函数frm.submit()放进去吗;当第二个表单的函数成功时?对不起,我不明白。如果您在顶部查看我的原始代码,当前的代码正在处理一个表单。当函数成功时,我使用函数frm.submit();提交表格。但是刚才我尝试实现了你的代码,它没有通过并将代码提交到第二个表单。当我手动输入时,它就会通过。还有其他建议吗??我希望两者都能起作用,因为我尝试了你的,但无法通过。第二个表单提交没有通过,当我检查数据库时,它是空的。
$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).then( myFunc, myFailure );