Delo s FormData v JavaScriptu

Recimo, da imamo neki obrazec:

<form action="/target/" method="POST">
	<input name="test1" value="123">
	<input name="test2" value="456">
	<input type="submit">
</form>

Recimo, da želimo pridobiti podatke tega obrazca v obliki parov ključ-vrednost. Jasno je, da bomo za to morali zagnati zanko in v njej oblikovati želeno. V JavaScriptu pa obstaja enostavnejši način - lahko uporabimo poseben objekt FormData, ki omogoča urejeno pridobivanje podatkov obrazca.

Razčlenimo delo s tem objektom. Za začetek pridobimo referenco na naš obrazec:

let form = document.querySelector('form');

Zdaj ustvarimo objekt z našim obrazcem:

let formData = new FormData(form);

Naš objekt lahko izpišemo v konzolo, vendar pri takšnem izpisu podatkov obrazca ne bomo videli:

console.log(formData);

Preoblikujmo naš objekt v matriko, da vidimo podatke obrazca:

console.log(Array.from(formData));

Podan je obrazec s tremi vnosi. Podan je tudi gumb. Ob pritisku na gumb pridobite podatke obrazca v obliki objekta FormData.