[英]AJAX success callback only carrying out first function
我有一个简单的表单提交,成功后我有一个警报和一个电话要求清除表单。 我确实收到了警报,信息已成功添加到数据库中,但是第二次调用(要清除表单)没有执行。 我敢肯定,这是我做错的简单事情,但我无法弄清楚。
$('#contact_submit').click(function(e){
if ($("#submit_form_contact").valid()) {
var post_data = {
"name" : $('#name').val(),
"email" : $('#email').val(),
"inquiry" : $('#inquiry_dropdown option:selected').text(),
"message" : $('#message').val()
};
$.ajax({
type: "POST",
url: "process-contact.php",
data: post_data,
success: function(data) {
alert("Thank you for contacting us.");
$('#submit_form_contact').reset();
}
});
e.preventDefault();
}
同样,提交按钮只是一个按钮,而不是提交输入。 是否有必要阻止Default()? 我是新来的。
jQuery没有.reset()
方法。
改为这样做:
$('#submit_form_contact')[0].reset();
这将获取第一个DOM元素,并调用本机.reset()
。 如果有可能找不到表格,请测试该元素。
var f = $('#submit_form_contact')[0];
if (f)
f.reset();
当然,您实际上并不需要jQuery通过ID来获取元素,特别是如果您不打算使用任何jQuery方法时。
var f = document.getElementbyId('submit_form_contact');
if (f)
f.reset();
另一种选择是将提交按钮设置为context:
ajax调用,然后使用其form
属性。
$.ajax({
context: this,
type: "POST",
url: "process-contact.php",
data: post_data,
success: function(data) {
alert("Thank you for contacting us.");
this.form.reset();
}
});
这条线也可以使用
$("#submit_form_contact").trigger('reset');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.