Отправка нескольких форм на сервер

[OmegaBerkut]

Здравствуйте.
В продолжение моей предыдущей темы я приблизился к последней задаче: все формы, которые наделал себе пользователь, нужно отправить на сервер. Допустим этих форм может быть 100500, и их нужно швырять аяксом, что бы без перезагрузки. Ну вы поняли.
Что у меня есть: полный перечень форм, как элементов DOM:

allForms=document.getElementsByClassName('variations_form');

Используя обычный JS хочу их циклом отправить, а потом обновить страницу.
В предыдущей теме я указывал ссылку на страницу-пример - здесь я уже по хозяйничал, может кому важно для подсказать.

Как это делать ?

[Naive]

Зачем их слать аяксом, если ты хочешь потом перезагружать страницу?

[OmegaBerkut]

Сообщение от Naive

Зачем их слать аяксом, если ты хочешь потом перезагружать страницу?

Ну кагбэ их тут не одна

Сообщение от OmegaBerkut

Допустим этих форм может быть 100500, и их нужно швырять аяксом, что бы без перезагрузки.

Сообщение от OmegaBerkut

Используя обычный JS хочу их циклом отправить, а потом обновить страницу.

Обновить страницу мне нужно только после отправки всех форм.

[Naive]

Сообщение от OmegaBerkut

Ну кагбэ их тут не одна

ну и что? Собрать скриптом в одну форму и сабмитнуть: проще чем трахаться с аяксом.
Если данных много настолько, что оно в один запрос не пролазит, то толкать промисами. Но зачем тогда обновлять страницу?

AJAX не для этого придумывался.
Это все означает, что у тебя не правильная структура HTML. Либо ты городишь стрёмный костыль.

[OmegaBerkut]

Сообщение от Naive

Собрать скриптом в одну форму и сабмитнуть: проще чем трахаться с аяксом

Не проще, потому что сабмит этой формы некому принимать.

Сообщение от Naive

у тебя не правильная структура HTML

Она не неправильная, она не соответствует требованиям заказчика.

Сообщение от Naive

Либо ты городишь стрёмный костыль.

Да, так и есть. В предыдущей теме об этом писал:

Сообщение от OmegaBerkut

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

Только костыль получился не стрёмный, а просто эпичнейший - на данный момент 608 строк JS-кода, из которых мой код - уже 396 строк. Ещё 212 это та функция, которую я скопировал; о ней и была предыдущая тема.
Зато за этот костыль обещают нехило так заплатить.
Мне вот интересно ... Здесь я бы тоже нарвался на демагогию о том, зачем я творю такую дичь ?
Дабы не рассказывать всю подноготную - вот, почитайте трёх-страничную полемику о том, почему нужно было сделать именно так. Мой собеседник в итоге пришёл к тому же выводу что и я, когда начал копаться в данных формы. Видать понял, что придётся нехило так переделывать контроллеры на сервере.

[ADSoft]

Сообщение от OmegaBerkut

Используя обычный JS хочу их циклом отправить, а потом обновить страницу.
Как это делать ?

ну дык если хочешь - отправляй, в чем проблема? одну форму можешь отправить? то же самое но в цикле...

var forms = ['#form1','#form2','#form3'];

for (i=0;i++;i<forms.length) {
var data = $(forms[i]).serialize();
ajax() {
...
data : data,
... нужные параметры - куда, чего, зачем
}
}

[Naive]

Сообщение от ADSoft

ну дык если хочешь - отправляй, в чем проблема? одну форму можешь отправить? то же самое но в цикле...

var forms = ['#form1','#form2','#form3'];

for (i=0;i++;i<forms.length) {
var data = $(forms[i]).serialize();
ajax() {
...
data : data,
... нужные параметры - куда, чего, зачем
}
}

Ему нужно знать, когда все запросы выполнятся.
Лучше промапить массив форм и вернуть jQuery-промисы аяксов и завернуть их в $.when().

[OmegaBerkut]

Мне подогнали вот такого зверя:

function Send_Click($)
{
	var frm=$('form.variations_form').slice(1);
	_f(frm.length);
	function _f(i)
	{
		i--;
		if (i<0) // это уже мой обвес
		{
			location.reload();
			return;
		} else;
		if (i==0) // и это тоже
		{
			frm[0].submit();
			return;
		} else;
		$.ajax(
		{
			type:'POST',
			url:frm.eq(i).attr('action'),
			data:frm.eq(i).serialize(),
			success:function(d)
			{
				if (i==0)
					location.reload();
				else
					_f(i);
				/*if (d)
					if (i==0)
						location.reload();
					else
						_f(i);
				else
					alert('Something wrong');*/
			}
		})
	}
}

Оно работает. Правда мне подсунули рекурсию, не знаю зачем: толи автор - фанат рекурсии, то ли решил - что я отбитый.
То же самое только в цикле:

	for (i=0;i<frm.length-1;i++)
		$.ajax(
		{
			type:'POST',
			url:frm.eq(i).attr('action'),
			data:frm.eq(i).serialize(),
			success:function(ready) { }
		})
	frm[frm.length-1].submit();

Выглядит аккуратнее, но работает не как надо - успевает обработать только одну форму, последнюю (которую намерено сабмитом кидаю).

[Serge_Bliznykov]

Сообщение от OmegaBerkut

Выглядит аккуратнее, но работает не как надо - успевает обработать только одну форму, последнюю (которую намерено сабмитом кидаю).

так оставьте с рекурсией.

тут же принципиальное отличие.
в случае с рекурсией следующий вызов осуществляется только при условии, что предыдущий завершился (на событие ajax .success:function(d)) - получается такая матрёшка. Вот она работает правильно. Ваш же цикл выпуливает все формы подряд, без всяких ожиданий результата.

[OmegaBerkut]

Сообщение от Serge_Bliznykov

так оставьте с рекурсией

Так и оставил.
Но думаю, будет ти нормально отрабатывать цикл при async:false ?
Или в success:function(ready) { } воткнуть какой нибудь continue .

UPD: набросал четыре варианта

var requests=new Array();
for (i=0;i<frm.length-1;i++)
	$.when( // вариант первый - ждать каждый запрос по отдельности
		requests[i]=$.ajax(
			{
				async:false, // вариант второй - синхронные запросы
				type:'POST',
				url:frm.eq(i).attr('action'),
				data:frm.eq(i).serialize(),
				success:function(ready) { continue; } // вариант третий, сомневаюсь что будет работать
			});
	).then(function() { });
$.when.apply($,requests).then(function() { }); // вариант четвёртый - ждать все запросы
frm[frm.length-1].submit();

Даже все четыре варианта вместе выглядят аккуратнее рекурсии без обвесов.
Протестировать пока нет возможности; подскажете - какой из этих четырёх вариантов точно будет работать как полагается ?
Ставлю на то что четвёртый вариант будет наилучшим.