← JavaScript62 / 69

FormData

FormData mengumpulkan seluruh nilai form sekaligus berdasarkan atribut name — jauh lebih ringkas daripada membaca setiap input satu per satu. Ia juga wajib dipakai untuk upload file. Object.fromEntries mengubahnya menjadi object biasa yang siap dikirim sebagai JSON.

👀 Contoh dulu

const f = document.querySelector('form');

f.addEventListener('submit', (e) => {
  e.preventDefault();

  const fd = new FormData(f);
  console.log(fd.get('email'));          // ambil satu field
  console.log(Object.fromEntries(fd));   // jadikan object utuh
});

Hasilnya: Menampilkan isi field email, lalu seluruh isi form sebagai object: {"email":"...","pesan":"..."}

💡 FormData membaca berdasarkan atribut name — input tanpa name tidak akan terbaca sama sekali.

📝 Sekarang giliranmu

Tangani submit form: cegah default, buat new FormData(form), ubah jadi object dengan Object.fromEntries, lalu tampilkan.

Preview
← SebelumnyaBerikutnya →