spring mvc 08 - POST날리기 #1

https://www.youtube.com/watch?v=CELRPOwlcuk

 

 

1. input박스 텍스트를  POST로 날리고 받기

 

확실히 스프링을 쓰면 POST날리고 받기도 훨씬 쉬운 것 같다.

먼저 html은 다음과 같다.

reg1.html

위 reg1.html의 사용자 화면

 

form action = "reg" 에서 보이듯이 위의 화면에서 등록버튼을 누르면 reg로 해당 내용들을 날린다. 

reg에 매핑된 컨트롤러는 아래와 같다.

NoticeController

reg로 post한 데이터들이 날라오면, String title, String content 처럼 reg메서드의 인자로 값들을 받을 수 있다.

그러면 그것을 단순히 출력하는 예제이다. 한번 등록버튼을 누른 결과를 보자.

입력한 값이 컨트롤러에 잘 전달된 것을 알 수 있다.

 

 

 

 

2. select박스 POST로 날리고 받기

 

이번에는 셀렉트 박스를 POST로 날리고 서버에서 받아보자

아래와 같은 카테고리를 선택하는 박스가 있다.

카테코리3 클릭

 

제목과 내용도 작성하고 날려보자

카테고리 3을 선택하고 등록버튼을 누르면?

위의 String category로 받고 이전과 같이 화면에 출력하는 코드다.

 

카테고리 3의 value 값인 "3"이 잘 출력되는 것을 볼 수 있다.

 

 

3. 체크박스와 라디오버튼 값 POST로 날리고 받기

- 체크박스

 

이번에는 체크박스로 다중 값을 선택할 수 있도록하고, 그것을 서버에서 받는 법을 알아보자.

아래와 같은 체크박스가 있을 때,

위 사진처럼 타코, 피자, 햄버거 3개를 선택하고 등록버튼을 누르면 모두 name="foods"로 같으므로, valuㄷ 값으로 구분해야 한다.

또한 데이터를 받는 서버 입장에서는 다중 값이 날라오므로 이를 문자열 배열로 받을 수 있도록 준비해놔야한다. 

/admin/board/notice/reg에 매핑된 reg메소드를 보면 String[] foods라는 배열로 체크박스 값들을 받고 있다.

그리고 그것을 콘솔에 출력한다.

선택된 타코, 피자, 햄버거의 value값인 "1", "3", "4"가 모두 잘 나왔다~~

 

 

- 라디오 버튼

 

이번에는 하나만 선택할 수 있는 라디오 버튼의 값을 입력받아 보자.

믈론 radio오 name값을 모두 다르게 하면 다중 선택이 가능하지만, 위에서는 모두 같게 하여 하나만 고르도록 했다.

나의 최애 타코를 고르고 날리면??

 

서버에서는 String food로 받을 수 있도록 했다.

 

콘솔에 타코의 value값 "1"이 잘 출력되는 것을 볼 수 있다.