타임리프 @RequestParm 값 넘겨주기 문제

프론트를 타임리프를 사용하여 서버로 데이터를 보내주던 중 400Error가 발생하며 서버와 통신이 되지 않는 문제가 발생했다.

처음에는 어찌된 영문인지 몰라 헤맸지만 서버에서 Request Parm로 받고 있음에도 ajax를 통해 데이터를 보낼 때 평소에 하던대로 Json형식으로 보내 생긴 문제였다.

 

$.ajax({
                type: "POST",
                url: "/example",
                contentType: "application/json",
                data: JSON.stringify({ title: bookName }),
                success: function(response) {
                    alert("북마크에 추가되었습니다!");
                },
                error: function() {
                    alert("오류가 발생했습니다.");
                }
            });
        }

 

Request Body는 json형식을 받지만 Request Parm는 url를 통해 데이터를 받아오기 때문에 다음과 같이 수정시켜줘야 한다.

$.ajax({
                type: "POST",
                url: "/example",
                contentType: "application/x-www-form-urlencoded",
                data: ({ bookTitle: bookTitle }),
                success: function(response) {
                    alert("북마크에 추가되었습니다!");
                },
                error: function() {
                    alert("오류가 발생했습니다.");
                }
            });