컨트롤러와 프론트(jsp) 값 전달하는 방법

Spring 프레임워크의 컨트롤러와 JSP사이에서 값을 주고 받는 것은 웹프로그래밍에서 가장 기본적인 작업이다. 하지만 막상 코드를 작성하다보면 막히거나, 이해하지 못하는 부분이 생기기 마련이다.

JSP(프론트영역)에서 Controller(백엔드)으로 데이터 전송하기

JSP에서 Controller로 데이터를 전달하는 방법에 대해서 알아보자.

프론트 영역에서 GET방식과 POST 방식 두가지로 이루어져 있는데 문제는 GET과 POST방식을 이용하여 Form-Action을 통해 구현하기도 하고 Ajax를 이용하거나 혹은 그냥 location.href를 통해서 바로 URL주소에 태워서 보내기도 한다. 여기에 jQuery까지 가세한다면 초심자 입장에서는 더욱더 복잡하게 느껴지기 때문에 정리가 필요하다.

Form-Action 방식을 이용한 데이터 전송

가장 기본적인 전달방식은 Form태그를 이용한 방식이다. 아래의 코드처럼 JSP파일에서 보내고자 하는 데이터에 name속성을 지정하고 action태그에서는 보내고자 하는 컨트롤러 url에 매핑을 해주면 된다. 받아주는 컨트롤러에서는 파라미터로 받아주면 되는데 이때 받아주는 파라미터의 이름은 JSP파일에서 설정한 name과 동일하게 적어주면 자동으로 파라미터 변수에 들어오게 된다.

JSP영역

컨트롤러 / Servlet부분

 

Ajax방식을 이용한 데이터 전송

컨트롤러 부분

 

그러면 Controller(백엔드)에서 JSP(프론트)로 데이터 전송하기에 대해서 알아보자

Model을 이용한 데이터 전송