Darbas su FormData JavaScript'e

Tegul mes turime tam tikrą formą:

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

Tarkime, mes norime gauti šios formos duomenis porų raktas-reikšmė pavidalu. Suprantama, kad tam mums teks paleisti ciklą ir jame suformuoti norimą. JavaScript'e, tačiau, yra paprastesnis būdas - galima naudoti specialųjį objektą FormData, leidžiantį sutvarkytai gauti formos duomenis.

Išnagrinėkime darbą su šiuo objektu. Pirmiausia gausime nuorodą į mūsų formą:

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

Dabar sukursime objektą su mūsų forma:

let formData = new FormData(form);

Galime išvesti mūsų objektą į konsolę, tačiau su tokiu išvedimu formos duomenų nematysime:

console.log(formData);

Paverskime mūsų objektą į masyvą, kad pamatytume formos duomenis:

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

Duota forma su trimis įvesties laukais. Duotas mygtukas. Paspaudus mygtuką gaukite formos duomenis objekto FormData pavidalu.