JQuery.ajax - отправить все элементы в форме без ввода вручную

Я хотел бы использовать jQuery.ajax для отправки формы с помощью POST без необходимости указывать все вручную в разделе "данные:".

Это то, чего я не хочу:

data:   "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value,

Есть ли способ включить в него все элементы с их значениями из всего поля FORM? Эта форма генерируется динамически, так что это сэкономит мне много времени!

Ответ 1

Используйте метод сериализации.

data :   $("form").serialize()

Ответ 2

Посмотрите http://docs.jquery.com/Ajax/serialize.

Это сделает следующий пример:

$("#submit").click(function() {
    $.ajax({
        data: $("form").serialize(),
        ...rest
    });
});

Ответ 3

Использовать метод .serialize() для отправки всех данных формы в jQuery Ajax.

data:$('#formID').serialize()

Пример script можно найти здесь - Как отправить все данные формы в jQuery Ajax