Wie konvertiere ich Formulardaten mit jQuery einfach in ein JavaScript-Objekt?

So konvertieren Sie Formulardaten in ein JavaScript-Objekt mit jQuery

Der Einfachheit halber möchten Sie möglicherweise automatisch ein JavaScript-Objekt aus Ihrem Formular erstellen ohne jedes Element zu durchlaufen. Die Verwendung der jQuery-Methode „serializeArray“ bietet eine effektive Lösung, erfordert jedoch etwas Verarbeitung, um das gewünschte Objektformat zu erreichen.

Lösung:

Die Methode „serializeArray“ gibt ein Array von Objekten zurück, die jede Form darstellen Element. Um dies in ein Objekt umzuwandeln, nutzen Sie die folgende Funktion:

function objectifyForm(formArray) {
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++) {
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

Beispielsweise anhand der Formularelemente:

<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">

Der Code erzeugt das Objekt:

{
    name: "John",
    email: "john@example.com"
}

Hinweis: Achten Sie auf versteckte Felder mit demselben Namen wie die tatsächlichen Eingaben, da diese möglicherweise die Werte in überschreiben Objekt.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich Formulardaten mit jQuery einfach in ein JavaScript-Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!