[Javascript] 자바스크립트(JS) - formdata를 console.log로 볼수없는이유

 

자바스크립트(Javascript)에서 formdata의 데이터를 조작할 때가 있습니다. FormData 객체란 단순한 객체가 아니며 XMLHttpRequest 전송을 위하여 설계된 특수한 객체 형태입니다. 그러기에 문자열 화할 수 없는 객체이며 Console.log를 사용하여 확인이 불가능합니다.

 

FormData를 Console.log로 확인하기

자바스크립트(Javascript)에서 FormData를 Console.log로 확인하기 위해서는 FormData의 메소드를 사용하여야 합니다.

FormData의 Key 값과 Value 값을 각각 확인하는 방법입니다.

 

//FormData의 메소드 확인하기
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]); 
}

 

출처 : https://stackoverflow.com/questions/17066875/how-to-inspect-formdata