JavaScript-da FormData bilan ishlash

Bizda quyidagi forma bor deb faraz qilaylik:

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

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

Endi formamiz bilan obyekt yaratamiz:

javascriptlet formData = new FormData(form);

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

javascriptconsole.log(formData);

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

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