코드 그라데이션

HTTP 요청 데이터 - POST HTML Form 본문

Spring/MVC 1

HTTP 요청 데이터 - POST HTML Form

완벽한 장면 2023. 9. 19. 20:38

HTTP 요청 데이터 - POST HTML Form

  • 주로 회원 가입, 상품 주문 등에서 사용하는 방식

 

특징

  • content-type: application/x-www-form-urlencoded
  • 메시지 바디에 쿼리 파리미터 형식으로 데이터를 전달한다. username=hello&age=20

 

 

src/main/webapp/basic/hello-form.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/request-param" method="post">
    username: <input type="text" name="username" />
    age:      <input type="text" name="age" />
    <button type="submit">전송</button>
</form>
</body>
</html>

 

HTML Form

실행해보기.
http://localhost:8080/basic/hello-form.html

 

POST의 HTML Form을 전송하면 웹 브라우저는 다음 형식으로 HTTP 메시지를 만든다. 

(웹 브라우저 개발자 모드 확인)


요청 URL: http://localhost:8080/request-param
content-type: application/x-www-form-urlencoded
message body: username=hello&age=20


application/x-www-form-urlencoded 형식은 앞서 GET에서 살펴본 쿼리 파라미터 형식과 같다.
따라서 쿼리 파라미터 조회 메서드를 그대로 사용하면 된다.


클라이언트(웹 브라우저) 입장에서는 두 방식에 차이가 있지만, 서버 입장에서는 둘의 형식이 동일하므로,
request.getParameter() 로 편리하게 구분없이 조회할 수 있다.


정리하면 request.getParameter() 는 GET URL 쿼리 파라미터 형식도 지원하고, 

POST HTML Form 형식도 둘 다 지원한다.

 


Postman을 사용한 테스트

 

화면

 

 

 

728x90
Comments