Delo s FormData v JavaScriptu

Recimo, da imamo neki obrazec:

html<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:

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

Zdaj ustvarimo objekt z našim obrazcem:

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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