Modern JavaScript - formData

formData

파일 업로드 할 때 일부 사용한다

특징 : 페이지 이동시 데이터를 전송할 수 있습니다.

 

 

 

예시 1)

(1) HTML form 태그에서 데이터 가져오기

 

let sign = document.querySelector("태그")

let form = new FormData(sign)

 

(2) form 태그 데이터 가져오기

formData.get("name태그값") <= 키이름

 

 

 

**** 중요 ****

예시 2)

FormData 빈 객체를 만들어서 조작

이미지 및 문자열 등을 저장해서 다른 페이지로 전송 할 수 있다!

 

(1) 객체 만들기

let formData2 = new FormData();

 

(2) 더하기

formData2.append("키이름" , "값");

 

(3) 데이터 가져오기

formData2.get("키이름")

 

 

(4) formData 데이터 수정

formData2.set("키이름","수정할 값")

 

(5) formData 데이터 삭제

formData2.delete("키이름")