konvertieren html5 formData in JSON: Ein Schritt-für-Schritt Object.

Antwort:

, um die Einträge eines Formulars an JSON zu konvertieren, folgen Sie folgenden Schritten:

Erstellen Sie ein leeres Objekt, um das Schlüssel/Wert zu speichern. foreach.

Setzen Sie für jeden Eintrag den Schlüssel im leeren Objekt auf den Namen des Eintrags und den Wert auf seinen Wert.

das Objekt mit der json.Stringify () -Methode in JSON konvertieren. FormData.foreach (Funktion (Wert, Schlüssel) { Objekt [Schlüssel] = Wert; }); var json = json.stringify (Object);
2. Beispiel Verwenden von ES6 -Pfeilfunktionen:
4. var Object = {}; FormData.foreach ((Wert, Schlüssel) => Objekt [Schlüssel] = Wert); var json = json.stringify (Object);

Unterstützung für Multi -Select -Listen:

Wenn Ihr Formular Multi -Select -Listen oder andere Elemente mit mehreren Werten enthält, können Sie den folgenden Ansatz verwenden:

var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);

var Object = {{}; FormData.foreach ((Wert, Schlüssel) => { if (! reflect.has (Objekt, Schlüssel)) { Objekt [Schlüssel] = Wert; zurückkehren; } if (! array.isArray (Objekt [Schlüssel]) { Objekt [Schlüssel] = [Objekt [Schlüssel]]; } Objekt [Schlüssel] .push (Wert); });

Senden von FormData an einen Server:

var object = {};
formData.forEach((value, key) => object[key] = value);
var json = JSON.stringify(object);

Vorsicht:

Die methode json.stringify () unterstützt möglicherweise nicht alle Arten von Objekten. Wenn Ihr Objekt nicht unterstützte Typen enthält, müssen Sie möglicherweise eine benutzerdefinierte Tojson () -Methode implementieren, um die Serialisierungslogik anzugeben.