Где найти правильный пример Ajax запроса для отправки формы c помощью jQuery и JavaScript?

Question

[Петр Волханов]

Нужен правильный пример Ajax запроса для отправки формы c помощью jQuery и JavaScript, но чтобы после отправки данных формы не совершался переход на страницу, которая указана в атрибуте "action" у формы. Заранее спасибо.

Answer 1

[Дима Паутов]

$('form').on('submit', function(){
	var data = $(this).serialize();

	$.ajax({
		url: 'index.php',
		type: 'GET или POST, по умолчанию GET',
		dataType: 'тип возвращаемых данных: xml, json, script, html)',
		data: data,
	})
	.done(function() {
		console.log("Отправлено!");
	})
	.fail(function() {
		console.log("Ошибка!");
	})
	.always(function() {
		console.log("Функция завершена!");
	});

	return false;
});

Comments

[Евгений Петров]

Наверное, по логике url соответствует action у формы, хотя не уверен.
А почему не e.preventDefault()?

[Дима Паутов]

Евгений Петров: Ну когда я через ajax отправляю, то action я не указываю. Поэтому всегда пишу в url адрес файла, хотя, нада попробовать твою теорию, стало даже интересно! Насчет return false, то просто привык писать так.

[Евгений Петров]

Дима Турков: Я всегда исхожу из мысли — что будет, если отключить скрипт? В этом случае должно произойти то же, но штатными средствами.
То есть я брал бы action и type у формы.

[Дима Паутов]

Евгений Петров: Согласен, так действительно правильней. Но я просто не заморачивался на эту тему.

Answer 2

[Евгений Петров]

Например, про ajax()
И вообще, там целый раздел.