Jquery在AJAX成功时通过.submit()提交表单。。。怎样?
我试图通过AJAX将所有表单数据发送到脚本,方法是将click函数绑定到submit按钮,将其设置为返回false,这样它就不会提交表单。一旦AJAX成功完成,我想通过执行以下操作提交表单:Jquery在AJAX成功时通过.submit()提交表单。。。怎样?,jquery,ajax,forms,submit,Jquery,Ajax,Forms,Submit,我试图通过AJAX将所有表单数据发送到脚本,方法是将click函数绑定到submit按钮,将其设置为返回false,这样它就不会提交表单。一旦AJAX成功完成,我想通过执行以下操作提交表单:$(“#myform”).submit()但什么也没发生 除了$(“#customOrderForm”)。submit()之外,一切都正常 这是贝宝支付。表单数据存储在会话中,用户进行付款,成功付款后返回网站,表单数据通过电子邮件发送给客户和公司 $("#submit").click(function ()
$(“#myform”).submit()代码>但什么也没发生
除了$(“#customOrderForm”)。submit()之外,一切都正常代码>
这是贝宝支付。表单数据存储在会话中,用户进行付款,成功付款后返回网站,表单数据通过电子邮件发送给客户和公司
$("#submit").click(function () {
var thedata = $("#customOrderForm").serialize();
$.ajax({
type: 'POST',
url: 'buy-custom-session.php',
cache: false,
data: thedata,
beforeSend: function () {
$('#sessionholder').append('<div class="loading"><img src="loading.gif" alt="loading..." /></div>');
},
success: function (data) {
//$(".loading").detach();
//$(".error").detach();
//$('#sessionholder').append(data);
$("#customOrderForm").submit();
},
error: function () {
$('#sessionholder').append('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
}
});
return false;
});
$(“#提交”)。单击(函数(){
var thedata=$(“#customOrderForm”).serialize();
$.ajax({
键入:“POST”,
url:“buy custom session.php”,
cache:false,
数据:数据,
beforeSend:函数(){
$('sessionholder')。追加('');
},
成功:功能(数据){
//$(“.loading”).detach();
//$(“.error”).detach();
//$('sessionholder')。追加(数据);
$(“#customOrderForm”).submit();
},
错误:函数(){
$(“#sessionholder”).append(“Oops!请稍后再试一次。
”);
}
});
返回false;
});
HTML表单
<form id="customOrderForm" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!-- form fields etc -->
<input type="image" name="submit" id="submit" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" />
</form>
Firebug中没有错误
AJAX成功执行
Cheers更改图像输入的名称和id
来自jQuery文档:
表单及其子元素不应使用与表单属性冲突的输入名称或ID,例如submit、length或method。名称冲突可能会导致混乱的失败
示例:是否执行ajax调用成功回调?还是有错误?@Hansen:请更新你的问题并将html粘贴到那里