Перенаправление после отправки формы, как исправить?

Question

[mod133]

Здравствуйте, помогите пожалуйста.
Стоит задача после отправки формы не перенаправлять на страницу mydomain.ru/mail.php, а вызвать всплывашку в виде MagnificPopup
Вот код JS

//E-mail Ajax Send
	$("form#order2").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).submit(function() {
			$.magnificPopup.open({ 
				items: {
				src: '<div class="js-popup"><i class="fa fa-check" aria-hidden="true"></i> <br /> Ваша заявка принята. <br />Наш менеджер перезвонит Вам в течении 30 минут</div>', // can be a HTML string, jQuery object, or CSS selector
				type: 'inline'
			  }
			});
		});
		return false;
	});
	//E-mail END

В конце mail.php
есть (отрывок)

if(!$mail->send()) {
    echo 'Error';
} else {
    header('location: index.html');
}

Тут ума хватает перенаправить только на свою страницу обратно.
Буду очень признателен за решение ( сайт для себя делаю)

Answer 1

[coderisimo]

Чтобы предотвратить переход , используйте конструкцию

$("form").submit(function(e){
        e.preventDefault(); // почитайте про ЭТО

// А дальше делайте , что нужно. Например , покажите сообщение
    });

Comments

[mod133]

Всё равно перенаправление срабатывает

[coderisimo]

mod133, покажите , как теперь выглядит функция на js

[mod133]

$("form#testing").submit(function(event) { //Change
		var th = $(this);
		event.preventDefault();
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).submit(function() {
			$.magnificPopup.open({ 
				items: {
				src: '<div class="js-popup"><i class="fa fa-check" aria-hidden="true"></i> <br />Ваша заявка принята. <br />Наш менеджер перезвонит Вам в течении 30 минут</div>', // can be a HTML string, jQuery object, or CSS selector
				type: 'inline'
			  }
			});

			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});

переадресация так останавливается, но выходит ошибка:Uncaught TypeError: $.ajax(...).submit is not a function

[coderisimo]

ну, так изначально вопрос был какой ? )) "Перенаправление" остановлено? ))

замените на .submit на .done

.done(function() {
      $.magnificPopup.open({ 
        items: {

[mod133]

Все заработало! Спасибо Вам огромное... Разгребусь с делами, сяду js учить

[coderisimo]

удачи)