강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

highjune님의 프로필 이미지
highjune

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

입력 폼 처리

html의 form에서 요청에 반응하는 controller

작성

·

190

0

안녕하세요. 

 

addForm.html  에서 item을 받아서 요청하면(post) 결국에는 FormItemController의 addItem 메서드가 그 item 객체를 그대로 받을 것이다 라고 하셨는데요. 흐름상.

 

그런데 addForm에서 요청을 보낼 때 (post메서드는 일치) action 부분이 item.html인데, 원래 이 부분이 해당하는 컨트롤러의 경로와 일치해야 그 컨트롤러로 요청을 보내는 것이 아닌가요?

 

어째서 Form에서 등록하면 @PostMapping("/add") 컨트롤러가 반응하는지 궁금하네요.

 

감사합니다.

답변 1

0

안녕하세요. june님, 공식 서포터즈 OMG입니다.

두 가지 개념을 아셔야 하는데요.

1) HTML form에서 action이 생략된 경우 해당 페이지에 접근한 URL이 action이 된다.

(제가 이전까지 알고 있던 내용은 action이 없는 경우에만이였는데, " th:action " 과 같이 action 속성만 작성할 때도 동일하게 작동 되나보네요)

2) 타임리프에서 속성에 th:가 붙은 속성과 없는 속성이 두 가지 존재할 경우, 서버 사이드 랜더링시에는 th:붙은게 우선으로 적용이 된다.

 

페이지 소스보기를 보시면 아래와 같이 action에는 빈칸이 method에는 post가 적용이 되어

상품등록 페이지에 접근하기 위한[GET]/add 였기 때문에 [POST]/add가 동작한 것입니다.

 

감사합니다.

추가로 이 부분도 말씀드리고 싶은데요,

본 강의는 아니지만 영한님의 다른 강의 중 form에서 action과 method를 지정하지 않았을 때와 관련된 질문이었습니다.

https://www.inflearn.com/questions/303976

 

이러한 경우에는 default method는 GET, default action은 해당 URL이었습니다.

 

june님이 남겨주신 질문에서의 코드는  다음과 같이 method를 post로 지정하였기 때문에 th: method가 생략되었지만 default의 GET이 아닌 POST가 동작하였습니다.

<form action="item.html" th:action th:object="${item}" method="post">

 

 

highjune님의 프로필 이미지
highjune

작성한 질문수

질문하기