HTML의 Form을 사용해서 클라이언트에서 서버로 데이터를 전송해보자. 주로 회원 가입, 상품 주문 등에서 사용하는 방식이다. 특징 - content-type: application/x-www-form-urlencoded - 메시지 바디에 쿼리 파리미터 형식으로 데이터를 전달한다 예시) username=hello&age=20
src/main/webapp/basic/hello-form.html생성
전송
응답 화면
클라이언트가 해당 형식으로 전송하면
웹브라우저가 콘텐트 타입 형식으로 HTTP 메세지를 만든다.
`application/x-www-form-urlencoded` 형식은 앞서 GET에서 살펴본 쿼리 파라미터 형식과 같다
따라서 쿼리 파라미터 조회 메서드를 그대로 사용 하면 된다.
클라이언트(웹 브라우저) 입장에서는 두 방식에 차이가 있지만, 서버 입장에서는 둘의 형식이 동일하여,request.getParameter() 로 편리하게 구분없이 조회할 수 있다.
참고 content-type은 HTTP 메시지 바디의 데이터 형식을 지정한다. GET URL 쿼리 파라미터 형식으로 클라이언트에서 서버로 데이터를 전달할 때는 HTTP 메시지 바디를 사용하지 않기 때문에 content-type이 없다. POST HTML Form 형식으로 데이터를 전달하면 HTTP 메시지 바디에 해당 데이터를 포함해서 보내기 때문에 바디에 포함된 데이터가 어떤 형식인지 content-type을 꼭 지정해야 한다. 이렇게 폼으로 데이터를 전송하는 형식을 application/x-www-form-urlencoded라 한다.
Postman 사용하여 테스트
참고
x-www-form-urlencoded
HTTP 요청 본문에 데이터를 인코딩하여 서버로 전송할 때 사용하는 콘텐츠 타입이다. 이 방식은 주로 HTML 폼 데이터를 전송할 때 사용된다. 동작 방식은 다음과 같다.
데이터 인코딩 폼 데이터가 키-값 쌍으로 변환된다. 각 키-값 쌍은 key=value 형태로 인코딩된다. 여러 개의 키-값 쌍이 있을 경우, & 기호로 구분한다. 폼에 username과 age라는 두 개의 필드가 있고, 값이 각각 hello와 20일 경우, 인코딩된 데이터는 다음과 같이 나타남