FormData
HTML5의 <form> 태그로 input 값을 서버에 전송하는 것처럼 자바스크립트에서 폼 데이터를 다루는 객체.
자바스크립트에서 다룰 일은 거의 없지만, 이미지 같은 멀티미디어 파일을 페이지 전환 없이 폼 데이터를 비동기로 제출하고 싶을때나 자바스크립트로 좀 더 타이트하게 폼 데이터를 관리하려고 할때 이용한다.
폼 객체에 key와 value 값을 차례로 추가해주는 것이 input 태그에 값을 입력하는 것 같은 효과를 가진다.
중요한 점은 값이 무조건 문자열로 자동 변환 됨으로 객체나 배열같은 복잡한 데이터는 넣을 수 없다는 점이다.
도움받은 글들
https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-FormData-%EC%A0%95%EB%A6%AC-fetch-api
🌐 FormData 사용법 & 응용 총정리 (+ fetch 전송)
FormData API 보통 서버에 데이터를 전송하기 위해서는 HTML5 의 폼 태그를 사용해 다음과 같이 메뉴를 구성하여 제출 해본 기억들이 있을 것이다. 아이디 비밀번호 성별 남자 여자 응시분야 영어 수
inpa.tistory.com
https://developer.mozilla.org/ko/docs/Web/API/FormData
FormData - Web API | MDN
FormData 인터페이스는 form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공합니다. 또한 XMLHttpRequest.send() (en-US) 메서드를 사용하여 쉽게 전송할 수 있습니다. 인코딩
developer.mozilla.org
'study > TIL' 카테고리의 다른 글
| 기록은 중요해 (0) | 2024.03.21 |
|---|---|
| 다시 시작 (0) | 2024.03.20 |
| 타입스크립트 기본 복습 정리 2 (0) | 2023.06.20 |
| 타입스크립트 기본 복습 정리 (0) | 2023.06.16 |
| 4월 19일 TIL (0) | 2023.04.20 |
