Darbas su FormData JavaScript'e

Tegul mes turime tam tikrą formą:

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

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

Dabar sukursime objektą su mūsų forma:

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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