Обработка формы ajax'ом

[Shitbox2]

Нужно собрать данные с формы и отправить на сервер.
На форме могут быть динамические структуры типа такой: https://github.com/tamtakoe/livelist (вынес модуль, по которому терроризировал форум последние две недели на гит, пользуйтесь :-)

Писать для каждой формы свой обработчик думается неправильным. Есть древнющий плагин jQuery Form, но он тоже не все может. Как такие задачи решаются на сегодняшний день?

[DjDiablo]

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

Кстатии у нас тут есть ваши сайты и скрипты
там твой топик был бы уместнее.

[Shitbox2]

Опубликую сейчас там. Но мой плагин и не заменяет форму. Просто на примере показал, какие могут быть данные для отправки на сервер.
Например, есть форма с контактой информацией, где используется мой плагин + имя и фамилия, есть так же другая форма написания отзыва, например, еще форма с указанием списка прочитанных книг и т.д.

Можно собирать с них информацию, вешая на каждую кнопку сабмита уникальный скрипт, передающий всё в JSON.

Можно написать универсальный скрипт, передающий на сервер данные всех полей в JSON. Тогда все формы должны быть как-то стандартизированы. Как? Существуют ли готовые решения?

Можно записывать все динамические данные JSON-строкой в невидимое текстовое поле и передавать на сервер

Собственно, хочется знать, как лучше поступить. Как делают профессионалы?

[Shitbox2]

Еще немного уточню. Уверен, каждый не раз решал такую задачу!

У нас есть сайт. Половина данных с него отсылается обычным сабмитом, половина через аякс, в формы добавляются новые поля, которые приходится добавлять по всему движку и в БД, доля аякса растет, он вплетается в формы и уже становится неудобно отсылать разными способами. Появляется необходимость делать все единообразно.

Мы запрещаем отправку по сабмиту, находим каждое поле и передаем Аяксом:

$.ajax({
   ...
   'data': {
      'login': $('[name:"login"]').val()
      ...
    }
    ....
}

Вписывать ручками имя каждого поля задалбывает, поэтому мы автоматизируем:

var data = []
$form.find('input[name]').each(function(e) {
    var $item = $(e.target)
    data.push($item.attr('name')+':'+$item.val())
})
...
'data': data

В форме могут быть чекбоксы, радиобаттоны и т.п., их тоже надо обработать.
После отправки делаем редирект куда нам нужно.

Не верю, что никто не сталкивался с такой проблемой и не нашел или написал для себя код, который проглатывает формы

[walik]

Необязательно проходить циклом все элементы формы, в jQuery есть метод .serialize(), который собирает все данные (с некоторыми исключениями) из формы в строку.

Если в форме присутствуют инпуты type="file", то можно отправлять форму в скрытый iFrame.

[Serg_pnz]

Врать не буду - у кого-то подсмотрел.
Сюжет в следующем: собрать данные с формы, добавить еще что-то, кроме полей формы, отправить всё одним запросом.

//готовимся
	var json = {}

//серилизуем данные
	$.map($('#form').serializeArray(), function(n, i){
		json[n['name']] = n['value'];
	});

//добавляем, если надо еще что-то, какие угодно флаги
//не обязательно значения полей
	$.extend(json, {'op':$('#flag').attr('rel')});

//отправляем
		$.ajax({
			url: 'test.php',
			data: json, //имя для массива, кончечно не ати
			type: 'post',
			success: ...

[Shitbox2]

Отлично! То что надо! А атрибут action надо в форме прописывать или лучше редиректить скриптом?

[Shitbox2]

Кстати, есть ли смысл делать кнопку сабмита, чтобы, в случае, если у пользователя нет ява-скрипта, по ней бы отправлялась форма по-старинке? Работы и костылей получится много, особенно, если в форме динамически-добавляемые поля, а толку? Сколько людей скажут спасибо, кто-то располагает статистикой поддержки ява-скрипта? В инете ничего актуального не нашел...

[Nekromancer]

Shitbox2,
Не надо ничего делать. Нет JS, значит ваши проблемы. По факту, таких людей очень мало. Если вытащить процессор с вашего компа, тоже работать не будет.

[Shitbox2]

Не будем тогда) Кстати, где-нибудь можно посмотреть актуальную статистику, по которой можно узнать какой процент пользователей какие браузерные технологии поддерживает? Чтобы не ломать голову, если проблема затронет всего 10% людей