Javascript Ajax表单提交在1页上不起作用
我有一个使用jQueryAjax提交的表单。但是在我单击submit之后,我的页面被重定向到我的表单submit.php。我几乎什么都试过了,但是我找不到错误 PHP脚本运行良好。我只回过一次音 HTML: 对不起,这些行,我需要添加更多的“细节”,但我没有。Javascript Ajax表单提交在1页上不起作用,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,我有一个使用jQueryAjax提交的表单。但是在我单击submit之后,我的页面被重定向到我的表单submit.php。我几乎什么都试过了,但是我找不到错误 PHP脚本运行良好。我只回过一次音 HTML: 对不起,这些行,我需要添加更多的“细节”,但我没有。 提前谢谢 ajaxURL您调用了.offerte表单的attr'action',但我在您的表单中看不到操作。请检查它 <form class="offerte-form" method="post" action="submit.p
提前谢谢 ajaxURL您调用了.offerte表单的attr'action',但我在您的表单中看不到操作。请检查它
<form class="offerte-form" method="post" action="submit.php">
是否尝试将action属性添加到表单中?:action=submit.php。在这里,您的ajax正在使用这个attr,但我可能是空的。很抱歉,我没有检查整个代码,但可能您错过了表单标记中的操作。我的页面被重定向到我的表单submit.php-但是,在您显示的代码示例中没有显示“submit.php”-那么,您是如何做到的???url:$form3.attr'action',form3没有名为action的属性。。。4.我试过了,但没有成功。。
$(function() {
// Get the form.
var form3 = $('.offerte-form');
// Get the messages div.
var formMessages3 = $('.offerte-form-message');
$(form3).submit(function(event) {
// Stop the browser from submitting the form.
event.preventDefault();
// Serialize the form data.
var formData3 = $(form3).serialize();
console.log(formData3);
$.ajax({
type: 'POST',
url: $(form3).attr('action'),
data: formData3
}).done(function(response) {
// Make sure that the formMessages div has the 'success' class.
$(formMessages3).removeClass('alert alert-danger');
$(formMessages3).addClass('alert alert-success');
// Set the message text.
$(formMessages3).text(response);
// Clear the form.
$('#naamofferte').val('');
$('#naambedrijf').val('');
$('#adresofferte').val('');
$('#vestplaats').val('');
$('#postcode').val('');
$('#emailofferte').val('');
$('#telnrofferte').val('');
$('#offertevoor').val('');
$('#messageofferte').val('');
}).fail(function(data) {
// Make sure that the formMessages div has the 'error' class.
$(formMessages3).removeClass('alert alert-success');
$(formMessages3).addClass('alert alert-danger');
// Set the message text.
if (data.responseText !== '') {
$(formMessages3).text(data.responseText);
} else {
$(formMessages3).text('Helaas, er ging iets fout, probeer het opnieuw');
}
});
});
<form class="offerte-form" method="post" action="submit.php">