jQuery.ajax – Senden Sie alle Elemente im Formular, ohne sie manuell einzugeben [duplicate]

Ich möchte jQuery.ajax verwenden, um ein Formular mit POST zu senden, ohne alles manuell im “data:”-Teil angeben zu müssen.

Das will ich nicht:

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

Gibt es eine Möglichkeit, einfach alle Elemente mit ihren Werten aus einem ganzen FORM-Feld einzubeziehen? Dieses Formular wird dynamisch generiert, also würde es mir viel Zeit sparen!

Verwenden serialize-Methode.

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

Ansehen http://docs.jquery.com/Ajax/serialize.

Das würde folgendes Beispiel ergeben:

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

Verwenden .serialize() Methode zum Senden ganzer Formulardaten in jQuery Ajax.

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

Beispielskript finden Sie hier – So senden Sie ganze Formulardaten in jQuery Ajax