JavaScript-da FormData bilan ishlash

Bizda quyidagi forma bor deb faraz qilaylik:

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

Faraz qilaylik, biz ushbu formaning ma'lumotlarini kalit-qiymat juftliklari ko'rinishida olishni istaymiz. Buning uchun biz tsikl ishlatishimiz va unda kerakli ma'lumotlarni shakllantirishimiz kerakligi aniq. Biroq, JavaScript-da buning oddiyroq usuli mavjud - formaning ma'lumotlarini tartibli tarzda olish imkonini beruvchi maxsus FormData obyektidan foydalanish mumkin.

Keling, ushbu obyekt bilan ishlashni o'rganamiz. Boshlash uchun, formamizga havola olamiz:

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

Endi formamiz bilan obyekt yaratamiz:

let formData = new FormData(form);

Obyektimizni konsolga chiqarishimiz mumkin, biroq bunday chiqarishda forma ma'lumotlarini ko'rolmaymiz:

console.log(formData);

Forma ma'lumotlarini ko'rish uchun obyektimizni massivga aylantiramiz:

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

Uchta kirish maydoni (input) bo'lgan forma berilgan. Shuningdek, tugam ham bor. Tugmani bosish orqali formaning ma'lumotlarini FormData obyekti ko'rinishida oling.