new formData(e.target)

YOUNGJOO-YOON·2021년 10월 8일
0

JavaScript

목록 보기
8/25

form tag의 submit을 handling 하자.

형태는 아래와 같다.


<form 
onSubmit={e=>handleSubmit(e)} 
action='someURI' 
method='post'>
  <input type='hidden | something' name='your name' value='kim' />
  ...
  ...
<input type='submit' value='눌러서 제출하기'/>

</form>

handleSubmit을 작성해보자.

    function handleOnSubmit(e){
        e.preventDefault();
        const formData = new FormData(e.target)
        const data = {
        a:formData.get('name'),
          b:formData.get('address'),
          	c:formData.get('gender'),
          ...
        }
    }

던지는건 이제 자유롭게 gql이든 rest이든 던져주면 된다.

profile
이 블로그의 글은 제 생각을 정리한 글과 인터넷 어딘가에서 배운 것을 정리한 글입니다. 출처는 되도록 남기도록 하겠습니다. 수정 및 건의 오류 등이 있으면 언제든지 댓글 부탁드립니다.

0개의 댓글