[Spring] JSP에서 보낸 데이터 Java에서 받는 방법

문제 : JSP 에서 폼 태그로 데이터를 저장해서 컨트롤러에 넘겨주었는데, `rentTime` 값만 넘어가고 나머지 값이 넘어가지 않는다.

 

.

.

 

문제의 코드 : 

function placeRentAdd(rentDate,rentTime) {
		alert(rentDate);
		alert(rentTime);
		var rentYN= confirm("예약하시겠습니까?");
		if(rentYN) {
			
                var form = document.createElement("form");
	    	form.setAttribute("charset", "utf-8");
	    	form.setAttribute("method", "POST");
	    	form.setAttribute("action", "/reservationForm.do");
	    	
	    	var rentInfo = document.createElement("input");
	    	rentInfo.setAttribute("name", "placeNm");
	    	rentInfo.setAttribute("value", "${placeNm}");
	    	rentInfo.setAttribute("name", "rentDate");
	    	rentInfo.setAttribute("value", rentDate);
	    	rentInfo.setAttribute("name", "rentTime");
	    	rentInfo.setAttribute("value", rentTime);
	        form.appendChild(rentInfo);
	        
	        form.style.display = "none";
	        
	        document.body.appendChild(form);
	        form.submit();
		} else {
			location.reload();
		}
	}

이렇게 보내주니까 `rentTime`값만 넘어가고 `rentDate` 와 `placeNm` 값이 컨트롤러로 넘어가지 않았다.

그 이유를 살펴보니, `rentInfo` 요소의 `name` 과 `value` 속성을 여러번 설정하고 있어서 안 넘어갔던 것이었다. 각 속성을 설정할 때마다 이전 설정이 덮어쓰여서 마지막으로 설정한 값만 적용이 되었던 것이다. 그래서 `rentDate` 와 `placeNm` 의 값이 제대로 전달되지 못한것!

 

.

.

 

수정한 코드 :

var form = document.createElement("form");
form.setAttribute("charset", "utf-8");
form.setAttribute("method", "POST");
form.setAttribute("action", "/reservationForm.do");

var rentInfo1 = document.createElement("input");
rentInfo1.setAttribute("type", "hidden");
rentInfo1.setAttribute("name", "placeNm");
rentInfo1.setAttribute("value", "${placeNm}");
form.appendChild(rentInfo1);

var rentInfo2 = document.createElement("input");
rentInfo2.setAttribute("type", "hidden");
rentInfo2.setAttribute("name", "rentDate");
rentInfo2.setAttribute("value", rentDate);
form.appendChild(rentInfo2);

var rentInfo3 = document.createElement("input");
rentInfo3.setAttribute("type", "hidden");
rentInfo3.setAttribute("name", "rentTime");
rentInfo3.setAttribute("value", rentTime);
form.appendChild(rentInfo3);

form.style.display = "none";

document.body.appendChild(form);
form.submit();

위의 코드에서 `rentInfo1`, `rentInfo2`, `rentInfo3` 로 각각 `placeNm`, `rentDate`, `rentTime` 필드를 생성하고 있다. 각 필드를 숨겨진(hidden) 필드로 생성하려면 `type` 속성을 `hidden` 으로 설정한다. 그리고 `setAttribute` 를 사용하여 `name` 과 `value` 속성을 각각 설정한다.

 

이렇게 수정한 후에는 `rentDate`와 `placeNm` 값이 폼 데이터로 정확하게 전송되고, 서버 측의 `reservationForm` 메서드에서 해당 값을 가져올 수 있게 된다!

 

 

컨트롤러 : 

@RequestMapping(value="/reservationForm.do", method = RequestMethod.POST)
    public String reservationForm(Model model, HttpServletRequest request) throws Exception {
		
		String placeNm = request.getParameter("placeNm");
		String rentDate = request.getParameter("rentDate");
		String rentTime = request.getParameter("rentTime");
		model.addAttribute("placeNm", placeNm);
		model.addAttribute("rentDate", rentDate);
		model.addAttribute("rentTime", rentTime);
		
		System.out.println("placeNm: " + placeNm);
		System.out.println("rentDate: " + rentDate);
		System.out.println("rentTime: " + rentTime);
		
		return "reservationForm";
	}

이렇게 컨트롤러에서 받아주니 이제야 데이터 값이 잘 들어온다!