Задать вопрос
Palych_tw
@Palych_tw
Типа веб-разработчик

Почему ajax перекидывает на другую страницу?

Осваиваю отправку писем из формы. Есть, для примера, самая примитивная форма:
<form id="form" method="post">
   <p>Ваше имя: <input type="text" name="name" /></p>
   <p>Ваш возраст: <input type="text" name="age" /></p>
   <p><button type="submit">Отправить</button></p>
</form>
<div class="success hidden">Сообщение отправлено</div>
<div class="error hidden">Сообщение не отправлено</div>

И есть самый просто скрипт:
jQuery(document).ready(function(){ 
jQuery("#form").submit(function() { 
var form_data = $("#form").serialize(); 
jQuery.ajax({
type: "POST", 
url: "<?php echo get_template_directory_uri();?>/ufpdf/action-form.php",
data: form_data,
success: function() {
$('.success').fadeIn();
},
error: function() {
$('.error').fadeIn();
}
});	
});
});

После отправки формы php отрабатывает нормально, но меня перебрасывает на пустую страницу на сайте с 404 ошибкой. При этом в урле просто адрес сайта.
  • Вопрос задан
  • 719 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 1
Pinsky
@Pinsky
Кофеиноникотиновая смесь в backend-код
event.preventDefault() добавьте в сабмит первым делом
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
master2016
@master2016
Всё нормально.
Посмотрите, чтобы submit возвращал false.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы