我的回调表单运行良好,但当客户按下提交按钮时,一个名为您的请求已成功发送
的通知将出现在按钮旁边,如果用户多次点击提交按钮,则会向服务器发送多个请求,但我需要的是当用户按下提交按钮时,回调表单将被隐藏,并显示一个新的带有您的请求已成功发送
的表单。
$json = [
'status' => 1,
'text' => _('Your request successfully sent')
];
die(json_encode($json));
} else {
$error = [
'status' => 0,
'text' => _('Write Full name and phone number')
];
die(json_encode($error));
}
}
ajax
$.ajax({
url: "../../engine/ajax/eogpo.php",
type: "POST",
dataType: "JSON",
data: {
action: 'orderCallWidget',
phone: $('#phoneWidget').val(),
FIO: $('#FIOWidget').val(),
data: $('input, select').serialize()
},
beforeSend: function() {
$("#overLoader").show();
},
success: function(data) {
if(data.status) {
$('.product__form__error').html("");
$("#successMessage").html(data.text);
} else {
$("#successMessage").html("");
$('.product__form__error').html(data.text);
}
$("#overLoader").hide();
},
error: function() {
$('.product__form__error').html('<?php echo _("Unknown error"); ?>');
$("#overLoader").hide();
}
});
});