FormData lietošana JavaScript

Pieņemsim, ka mums ir kāda forma:

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

Pieņemsim, ka mēs vēlamies iegūt šīs formas datus atslēgas un vērtību pāru formā. Skaidrs, ka, lai to izdarītu, mums būs jāpalaiž cikls un tajā jāveido vēlamais. Tomēr JavaScript ir vienkāršāks veids - var izmantot īpašu objektu FormData, kas ļauj sakārtotā veidā iegūt formas datus.

Izpētīsim darbu ar šo objektu. Vispirms iegūsim atsauci uz mūsu formu:

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

Tagad izveidosim objektu ar mūsu formu:

javascriptlet formData = new FormData(form);

Mēs varam izvadīt mūsu objektu konsolē, tomēr ar šādu izvadi mēs neredzēsim formas datus:

javascriptconsole.log(formData);

Pārveidosim mūsu objektu masīvā, lai redzētu formas datus:

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