[JS]동적 Form 생성하기 + 숨겨서 컨트롤러로 이동하기

ajax로 데이터 보내려다가 어차피 페이지 이동을 할 것이기 때문에

(비동기 방식을 굳이 사용하지 않아도 되서)

동적 form을 생성하고 숨겨서 컨트롤러로 이동해주었다!

 

예약하기 버튼 클릭 시 가지고 갈 정보들 form에 넣어서 컨트롤러로 보내기!!

function placeRentAdd(rentDate,rentTime) {
		//alert(rentDate);
		//alert(rentTime);
		confirm("예약하시겠습니까?");
		
    	var form = document.createElement("form");
    	form.setAttribute("charset", "utf-8");  
    	form.setAttribute("method", "POST");  //보낼 방식 POST
    	form.setAttribute("action", "/rentPlaceForm.do");  //요청할 주소
    	
    	var rentInfo = document.createElement("input");
        rentInfo.setAttribute("placeNm", "${placeNm}");
        rentInfo.setAttribute("rentDate", rentDate);
        rentInfo.setAttribute("rentTime", rentTime);
        form.appendChild(rentInfo);
        
        form.style.display = "none";  //폼 숨기기
        
        document.body.appendChild(form);
        form.submit();
}