HTTP 데이터 전송

HTML Form 태그

POST

<form action="/auth/login" method="POST">
    <input type="email" id="email" name="email" required>
    <input type="password" id="password" name="password" required>
    <input type="submit" value="로그인">
</form>

 

 

GET /auth/login HTTP/1.1
HOST: localhost:8000
Content-Type: application/x-www-form-urlencoded

email=qwe@gmail.com&password=asdfe

html의 form 태그를 이용하여 서버로 POST로 submit하면

action의 경로가 request-target으로 들어가게 되고

input의 입력 데이터가 query형식으로 body에 들어가게 된다.

 

Content-Type은 form태그를 사용할시 'application/x-www-form-urlendcode'가 된다.

 

GET

<form action="/home" method="GET" >
    <input type='text' name='username'>
    <input type='submit' value="HOME" id='homeButton'>
</form>

 

GET /home?username=kim HTTP/1.1
HOST: localhost:8000

GET으로 submit하면

input의 입력 데이터가 body가 아니고 query로 전달 된다.