JavaScript-də FormData ilə Iş

Tutaq ki, bizim müəyyən bir formamız var:

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

Tutaq ki, biz bu formanın məlumatlarını açar-dəyər cütləri şəklində almaq istəyirik. Başa düşülür ki, bunun üçün bir dövr işlətməli və orada arzulananı formalaşdırmalıyıq. Lakin JavaScript-də daha asan bir yol var - formanın məlumatlarını sıralanmış şəkildə əldə etməyə imkan verən xüsusi bir FormData obyektindən istifadə edə bilərik.

Gəlin bu obyektlə işi nəzərdən keçirək. Əvvəlcə formamıza istinad əldə edək:

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

İndi formamızla bir obyekt yaradaq:

let formData = new FormData(form);

Obyektimizi konsola çıxara bilərik, lakin belə bir çıxış zamanı formanın məlumatlarını görməyəcəyik:

console.log(formData);

Formanın məlumatlarını görmək üçün obyektimizi massivə çevirək:

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

Üç daxilolma ilə bir forma verilmişdir. Həmçinin bir düymə verilmişdir. Düyməyə klikləmədə formanın məlumatlarını FormData obyekti şəklində əldə edin.