JavaScript : How to inspect FormData


Jika kalian seorang frontend developer pasti tidak asing dengan FormData. Yups FormData digunakan untuk mengirimkan data ke dalam server terutama jika data tersebut mengandung file / gambar.

Tapi permasalahannya adalah bagaimana cara kita melakukan inspect / debugging FormData tersebut sebelum dikirimkan ke server ?.

Berikut ini cara yang bisa kalian coba.

Terima Kasih.


JavaScript
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.


Sejak Maret 2016 browser seperti Chrome dan Firefox bisa menggunakan formData.entries() untuk melakukan inspect / debugging isi yang ada di dalam FormData.

Contohnya seperti berikut ini.

// Create a test FormData object
var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for (var pair of formData.entries()) {
    console.log(pair[0]+ ' : ' + pair[1]); 
}

Terima Kasih.

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami