[HTML/js + java] POST method 컨트롤러 (회원가입,로그인 등)

1) HTML 에서 <form>태그에서 post로 submit 할 경우,

XXcontroller.java

   @PostMapping("/join")
    public ResponseEntity<Response> join(@Valid RequestDto requestDto) {
    	.
    	.
    }

XX.html

<form class="user" th:action="@{/api/signup}" th:object="${requestDto}" method="POST">
<input .... th:field="*{loginId}" placeholder="아이디">
...

 

 

 

2) js(자바스크립트)에서 클릭이벤트로 ajax를 통한 api호출할 경우,

XXcontroller.java

    @PostMapping("/login")
    public ResponseEntity<Response> authorize(@Valid @RequestBody MemberDto.loginDto loginDto, HttpServletResponse response) throws IOException {
        .
        .
    }

XX.js

$.ajax({
type: 'POST',
contentType : 'application/json; charset=utf-8;',
data: JSON.stringify(postdata),
dataType: 'json',
url : '/api/login',
...

 

 

자바스크립트에서 ajax로 post api 호출할 경우에는 파라메터에 꼭, @RequestBody를 붙여줄 것

form 태그에서 post method를 사용할 경우에는 XX

 

안그러면 400 error, 415error 등 발생함. js 등에 따라 상이하지만, 위 코드기반으로는 이러함.