FormData-ga töötamine JavaScriptis

Oletame, et meil on mingi vorm:

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

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

Nüüd loome objekti meie vormiga:

let formData = new FormData(form);

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

console.log(formData);

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

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

Antud vorm kolme sisendiga. Antud ka nupp. Nupu vajutamisel hankige vormi andmed kujul objekt FormData.