TIL - 20220916

 오늘은 모던 JavaScript 튜토리얼에서 FormData 객체에 대해 공부했다. 작성한 질문은 다음과 같다.

 FormData 객체란 폼을 쉽게 보낼 수 있도록 도와주는 객체이며, FormData 객체는 HTML 폼 데이터를 나타낸다.

 

 FormData의 메서드로는 다음이 존재한다.

• formData.append(name, value): name과 value를 가진 form field 추가
• formData.append(name, blob, fileName): <input type="file"> 형태의 필드를 추가한다. 여기서 세 번째 인수 fileName은 필드명이 아닌 사용자가 해당 이름을 가진 파일을 폼에 추가한 것과 같이 설정한다.
• formData.set(name, value): name과 value를 가진 form field를 추가하지만, 같은 name에 해당하는 form이 존재한다면, 지우고 추가한다.
• formData.set(name, blob, fileName): formData와 유사하며 같은 name에 해당하는 form이 존재한다면, 지우고 추가한다는 점만 다르다.
• formData.delete(name): name에 해당하는 필드를 삭제한다.
• formData.get(name): name에 해당하는 필드의 값을 가져온다.
• formData.has(name): name에 해당하는 필드가 있으면 true, 없으면 false를 반환한다.