Práca s FormData v JavaScripte

Majme nejaký formulár:

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

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

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

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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