Отправка формы по Ajax - История изменений

Misha: /* Оправка через FormData */

2019-11-23T20:30:13Z

Оправка через FormData

← Предыдущая версия		Версия от 23:30, 23 ноября 2019
Строка 26:		Строка 26:
	$("input").removeAttr("disabled"); // Убираем атрибут disable у input (иначе такие данные не отправятся)		$("input").removeAttr("disabled"); // Убираем атрибут disable у input (иначе такие данные не отправятся)
	var form = $('.send-ajax').get(0); // You need to use standard javascript object here		var form = $('.send-ajax').get(0); // You need to use standard javascript object here
	if($("table").is('.datatable') == true) // Если используется js библиотека datatable и ~~intut~~ поля в ней,		if($("table").is('.datatable') == true) // Если используется js библиотека datatable и input поля в ней,
	{ // то делаем сериализацию полей данных в таблице и преобразуем в FormData		{ // то делаем сериализацию полей данных в таблице и преобразуем в FormData
	var data = new FormData(form); // Сначала преобразуем поля вне таблицы		var data = new FormData(form); // Сначала преобразуем поля вне таблицы
Строка 34:		Строка 34:
	data.append(input.name,input.value); // Добавляем поля из таблицы		data.append(input.name,input.value); // Добавляем поля из таблицы
	});		});
	} else var data = new FormData(form); // Если таблицы нет, то делаем просто ~~FormDana~~		} else var data = new FormData(form); // Если таблицы нет, то делаем просто FormData
	if($("#editor").length) // Если используется CKEDITOR, то добавляем данные из него.		if($("#editor").length) // Если используется CKEDITOR, то добавляем данные из него.
	{		{
Строка 51:		Строка 51:
	data: data // Данные формы		data: data // Данные формы
	}).done(function(data) {		}).done(function(data) {
	$('.disabled').prop('disabled', true); // Добавляем атрибут disable к ~~инпутам~~ с классом disable		$('.disabled').prop('disabled', true); // Добавляем атрибут disable к input с классом disable
	var out = JSON.parse(data);		var out = JSON.parse(data);
	}).fail(function() {		}).fail(function() {

Misha: /* Оправка через FormData */

2019-11-23T20:28:33Z

Оправка через FormData

← Предыдущая версия		Версия от 23:28, 23 ноября 2019
Строка 23:		Строка 23:
	<pre>		<pre>
	$('.send-ajax').submit(function(e) { // Форма отправляется при классе send-ajax		$('.send-ajax').submit(function(e) { // Форма отправляется при классе send-ajax
	e.preventDefault(); // ~~Зпрещаем~~ отправку ~~по кнопке~~		e.preventDefault(); // Запрещаем стандартную отправку
	$("input").removeAttr("disabled"); // Убираем атрибут disable у input (иначе такие данные не отправятся)		$("input").removeAttr("disabled"); // Убираем атрибут disable у input (иначе такие данные не отправятся)
	var form = $('.send-ajax').get(0); // You need to use standard javascript object here		var form = $('.send-ajax').get(0); // You need to use standard javascript object here

Misha: /* Оправка через FormData */

2019-11-23T20:27:06Z

Оправка через FormData

← Предыдущая версия		Версия от 23:27, 23 ноября 2019
Строка 42:		Строка 42:
	}		}
	}		}

	~~//var fd = new FormData(form);~~
	~~// console.log($);~~
	$.ajax({		$.ajax({
	cache: false,		cache: false,

Misha в 20:26, 23 ноября 2019

2019-11-23T20:26:32Z

← Предыдущая версия		Версия от 23:26, 23 ноября 2019
Строка 1:		Строка 1:
			==Отправка через serialize==
	<pre>		<pre>
	var $form = $('#form_brifada');		var $form = $('#form_brifada');
Строка 18:		Строка 19:
	</pre>		</pre>

			==Оправка через FormData==
	Еще один вариант		Еще один вариант
	<pre>		<pre>

Misha в 20:24, 23 ноября 2019

2019-11-23T20:24:16Z

@@ Строка 16: / Строка 16: @@
    });
 });
 </pre>

Misha: Новая страница: «

 var $form = $('#form_brifada'); $form.submit(function(event) {   event.preventDefault(); // Для того, что бы форма не отправлял…»

2015-12-14T06:57:24Z

Новая страница: «<pre> var $form = $('#form_brifada'); $form.submit(function(event) { event.preventDefault(); // Для того, что бы форма не отправлял…»

Новая страница

<pre>
var $form = $('#form_brifada');
$form.submit(function(event) {
event.preventDefault(); // Для того, что бы форма не отправлялась по кнопке
$.ajax({
url: $form.attr('action'), // Данные для формы берутся из ее параметров
type: $form.attr('method'),
data: $form.serialize(), // возвращает строку пригодную для передачи через URL строку
success: function(data) { // При успешном выполнении, обрабатываем пришедшие данные
data = JSON.parse(data); // data - данные пришедшие в json формате
//console.log(data);
},
error: function() {
alert('Произошла неизвестная ошибка. Попробуйте позже');
}
});
});
</pre>