Как сделать при выполнении Ajax, спуск модального окна?

Question

[Yuriy Berg]

Привет.
Есть такая проблема.
Нажимаю на ссылку появляется окно с формой пользователь заполняет его, отправляет - выполняется Ajax запрос на файл send.php.
Если пользователь заполнил все правильно и запрос принят то выдавать ему поздравление.
Вот код:

$('#form').submit(function(){
		var form_data = $(this).serialize();
		$.ajax({
			type: "POST",
			url: "send.php",
			data: form_data,
			success: function(){
				$('.thanks').modal('show');
			}
		});
	});

Но почему то, когда запрос возращает TRUE. Окно "поздравления" появляется но сразу гаснет, даже если данные в базу отправились. И окно с формой тоже закрывается, но в принципе так и должно быть.
Вопрос в том, как мне написать код так, что бы модальное окно с поздравлением не закрывалось?

Comments

[Давид]

форма у вас тоже в модальном окне?

[Yuriy Berg]

Давид: Да форма контактов в модальном окне, при submit'е оправляется Ajax запрос и этой формы(модального окна) и туда же возвращается новое модальное окно с поздравлением.

[Давид]

т.е. вы отправляете форму, затем при success просто меняете контент модального окна?

[Yuriy Berg]

Давид: Да если send.php вернет true.

[Yuriy Berg]

Давид: Только не меняю, а новое модальное окно спускаю

[Давид]

Yuriy Berg: Может у вас получается что вы закрываете модальное окно с формой, а в єтот появляется момент модальное окно с поздравлением и закрывается вместе с модалкой формы?

[Yuriy Berg]

Давид: Да, они оба закрываются. А модальное окно с поздравлением должно остаться. Пока пользователь не пожелает его закрыть. Пробовал установить setInterval. Пробовал задавать хэш при выполнении и вешал обработчик событий на хэш что бы появлялась модалка. Но оно все равно закрывается.

[Давид]

Yuriy Berg: как именно вы закрываете модалку с формой? верстка bootstrap?

[Yuriy Berg]

Давид: Да bootstrap. Модалка с формой закрывается сразу при submit'e. Оооо я кажется понял в чем проблема:)

[Yuriy Berg]

Давид: Спасибо за дискуссию Давид! Решено :)

[Давид]

Не за что. Напишите решение, может кому то пригодится

Answer 1

[Vasily Novosad]

чтобы форма не закрывалась, ваш код должен возвращать "false", в противном случае, при возвращении "true" происходит реальная отправка формы.
попробуйте либо так:

$('#form').submit(function(){
    var form_data = $(this).serialize();
    // ....
    return false;

либо так:

$('#form').submit(function(evt){
    evt.preventDefault();
    // ....

Чтобы не расписывать здесь мануалы по JavaScript, почитайте статьи на тему отправки HTML форм.