FormData-ga töötamine JavaScriptis

Oletame, et meil on mingi vorm:

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

Oletame, et soovime saada selle vormi andmed kujul võti-väärtus. On selge, et selleks peame käivitama tsükli ja selles soovitud kujundi moodustama. JavaScriptis on siiski olemas lihtsam viis - saab kasutada spetsiaalset objekti FormData, mis võimaldab tellitud kujul saada vormi andmeid.

Vaatame läbi töö selle objektiga. Kõigepealt hankige viide meie vormile:

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

Nüüd loome objekti meie vormiga:

javascriptlet formData = new FormData(form);

Saame oma objekti konsooli väljastada, siiski sellise väljundiga me ei näe vormi andmeid:

javascriptconsole.log(formData);

Teisendame oma objekti massiiviks, et näha vormi andmeid:

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