FormData lietošana JavaScript

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

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

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

Tagad izveidosim objektu ar mūsu formu:

let formData = new FormData(form);

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

console.log(formData);

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

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

Dota forma ar trim ievades laukiem. Dota arī poga. Nospiežot pogu, iegūstiet formas datus FormData objekta formā.