Práca s FormData v JavaScripte

Majme nejaký formulár:

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

Povedzme, že chceme získať údaje tohto formulára v tvare párov kľúč-hodnota. Je jasné, že na to budeme musieť spustiť cyklus a v ňom vytvoriť požadovaný tvar. V JavaScripte ale existuje jednoduchší spôsob - môžeme použiť špeciálny objekt FormData, ktorý umožňuje získať údaje formulára v usporiadanej forme.

Poďme si rozobrať prácu s týmto objektom. Na začiatok získajme odkaz na náš formulár:

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

Teraz vytvorme objekt s naším formulárom:

let formData = new FormData(form);

Môžeme vypísať náš objekt do konzoly, avšak pri takomto výpise údaje formulára neuvidíme:

console.log(formData);

Transformujme náš objekt na pole, aby sme videli údaje formulára:

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

Daný je formulár s tromi vstupmi. Dané je tiež tlačidlo. Po kliknutí na tlačidlo získajte údaje formulára v podobe objektu FormData.