FormData Object 확인

HTML5 API 인 FormData 객체를 사용하여 데이터를 할당하는 도중,

삽질된통 했다.

나중에 How to FormData Object Inspect 라고 구글링 하면 여러 결과를 확인할 수 있지만 백문이불여일타다.

직접 쳐보는게 제일 좋다.

간단히 내가 겪은 상황은 아주 단순 심플하다.

var formData = new FormData();
formData.append('id', 'JKUN.NET');
console.log(formData);

위와 같은 상황이라면 요소검사의 떡하니 폼데이터 객체에 id 속성이 할당된줄만 알았다.

그래서 찍어보니... 없다... 아 돌아가시는 줄 알았다.

여기서 제가 찾은 방법은 XHR - AJAX 를 이용하여 네트워크에서 확인하는 방법말고는 특별히 없었습니다.

더 심플하고 좋으신 방법 있으신분들 조언 부탁드립니다.^^;;

일단은 내가 확인한 방법은 다음과 같다.

var formData = new FormData();
formData.append('id', 'JKUN.NET');

var xhr = new XMLHttpRequest();
xhr.open('post', 'sample', true);
xhr.send(formData);

실행결과

요 따위 삽질을 혹시나 겪으신 분이 있을수도 있어서 별거아닌 포스팅 합니다.