FormData 객체의 컨텐츠 보기

FormData 객체는

FormData 객체는 XMLHttpRequest를 사용하여 버튼과 숫자 세트를 추가하여 데이터를 보낼 수 있는 인터페이스입니다.😇
창에 독립적으로 버튼이 달린 데이터를 보낼 수 있습니다
전송된 데이터는 형식 인코딩 형식이 multipart/form-data로 설정되었을 때의 형식과 같습니다✌️

필드 추가

FormData 객체를 예제한 다음append() 호출 방법을 사용하여 필드에 추가할 수 있습니다.✨

const formData = new FormData();
formData.append('id', '00000001');
formData.append('name','karabiner');

FormData 객체의 컨텐트를 보시겠습니까?

FormData 객체는 다음과 같습니다.
여러 가지 방법이 있어요.
추가된 필드를 어디서 보는지 모르겠어요.😂

get() getAll() 방법으로 확인

get() 키 이름을 매개 변수에 건네주고 수치

를 되돌려줍니다.

getAll() 키 이름을 매개 변수에 건네준 후 되돌아오는 값(수조)

const formData = new FormData();
formData.append('id', '00000001');
formData.append('name','karabiner');
formData.append('name','peter');

console.log(formData.get('id')); // "00000001"
console.log(formData.getAll('name')); // ["karabiner", "peter"]

단, 특정 키의 값을 각각 얻는 방법이기 때문에
일률적으로 논할 수 없다😷💦

통일적으로 확인하는 방법

entries() 사용 방법🤘

for (let value of formData.entries()) { 
    console.log(value); 
}

/*
    ["id", "00000001"]
    ["name", "karabiner"]
    ["name", "peter"]
*/

ES6로 더 똑똑해졌어요.

ES6의 스프레드시트 연산자를 사용하면 한 행이 완성됩니다.🤘

console.log(...formData.entries());

/*
    ["id", "00000001"]
    ["name", "karabiner"]
    ["name", "peter"]
*/

한꺼번에 확인할 수 있는 상대가 아니니까.
안에 있는 걸 보면 방법을 불러야 돼요.😩