th:action 질문드립니다
상품 등록 버튼을 눌렀을 때, items/add로 이동하는 걸
th:action 대신
th:onclick="|location.href='@{/basic/addForm.html}'|"로 적어도 되나요?
단순히 url 이동이 아니라, 상품 등록 버튼을 눌렀을 때, 상품을 실제로 저장하는 액션이 있기 때문에 th:action을 사용해야 하는 것인가요?
상품 등록 버튼을 눌렀을 때의 결과를 작업하는 것인데,
<button class="w-100 btn btn-primary btn-lg" type="submit">상품 등록
</button>여기가 아닌,
<h4 class="mb-3">상품 입력</h4>
<form action="item.html" th:action method="post">여기서 처리하는지 궁금합니다.
답변 1
1
안녕하세요. 재영님, 공식 서포터즈 y2gcoder입니다.
해당 내용은 비단 thymeleaf만이 아닌 아닌 html form과 관련된 동작을 이해하셔야 합니다!
location.href와 html form submit은 서로 다른 역할이 있고, 동작 또한 다릅니다 :)
location.href 는 단순히 페이지를 이동할 수 있는 기능이라 보시면 됩니다. HTTP Method 또한 GET으로 나가기 때문에 한번 해보시면 원하시는대로 동작하지 않을 것입니다.
html form submit 은 기본적으로 <form> 태그 내에 있는 input 값들을 폼 데이터로 말아서 서버로 제출(submit) 해주는 기능이라고 보셔야 합니다. 주로 HTTP Method는 POST로 나가고, 요청하면서 폼 데이터도 같이 보내서 서버에서 해당 폼 데이터를 가지고 어떤 작업을 해주게 됩니다.
상품 등록 기능은 단순 페이지 이동이 아니라 저희가 입력한 데이터를 가지고 서버에서 저장하고 그 결과로 페이지가 이동하는 것이기 때문에 location.href가 아닌 html form submit이 더 적합하다고 생각합니다. 자세한 것은 window.location.href, html form submit을 키워드로 한 번 학습해보시는 것을 추천합니다!
감사합니다.
servlet과 container에 대한 질문입니다
0
25
1
api를 어느 컨트롤러에 작성해야하는지는 어떤 기준으로 해야하나요?
0
64
1
jsp 의존성 수정 요청
0
80
2
요즘 웹 서버가 주로 사용되는 이유는 SPA 구조 때문일까요 ?
0
143
1
save() 메서드 문의
0
67
1
절대 경로로 templates/basic 하위 파일 열면 css 적용 안되는 현상
0
101
1
request-body-json
0
83
2
MVC 패턴의 적용 단위
0
97
1
RequestMapping을 이용한 핸들러, 어댑터
0
119
2
save 후 결과화면
0
89
2
jsp를 이용한 view
0
97
1
application.properties에 debug 추가해도 결과가 똑같습니다.
0
178
1
수업 코드 제공 관련 문의
0
97
2
RequestMappingHandlerAdapter의 Controller 호출 과정
0
100
3
파일 오픈 시
0
70
1
스프링 배치 관련
0
78
1
@RequestParam의 defaultValue가 blank 값도 처리하는 지 여부
0
112
1
postman으로 /request-body-json-v1 호출시 500 error
0
96
1
프론트엔드와 백엔드의 mvc, rest api에 대한 질문
0
79
1
모델의 역할과 계층 분리에 대한 이해 차이 + 추가질문
0
111
1
console log 출력 관련 질문입니다.
0
75
1
애플리케이션이 실행 되지 않습니다 ㅠㅠㅠ
0
139
1
html 변경하는 부분 적용 문제
0
103
1
한글 깨짐
0
77
2