Ajax / JSP에서 Ajax로 JSP연결하기

JSP에서 Ajax를 이용해서 다른 JSP를 영역에 띄우는 방법이다.

---

구현하려고하는 페이지는 버튼을 클릭하면 selectAll메소드가 호출되고 ,
selectAll() 은 ajax로 영역에 새로운 jsp를 로드(?)할 것이다.

예) main.jsp에서 ajax를 이용해서 B.jsp를 로드할때,
main.jsp는 controller에서 dao를 생성 메소드를 호출해서 데이터를 가져온다. 그 데이터를 B.jsp에 뿌려주고,
데이터를 받은 B.jsp를 main.jsp의 영역에 뿌려주는 것과 같은 방식에서 사용한다.

---

---

<script>
	function selectAll(){
		$.ajax({
			url:"<%=request.getContextPath()%>/EventMan_Review/EventMan_Review_selectAll.do",
			type:"post",
			datatype:"html",
			success:function(data){
				alert(data);
				$("#load").html(data);
			}	
		});
	};
</script>

datatype:"html" → 넘오는 jsp는 html 형식이기 때문에 "html" 이다.

alert을 이용해보면 data가 넘어오는지, 어떤 data가 넘어 오는지 확인 할 수 있다.

$("#load").html(data); → "load" 라는 id값을 가진 영역에 data 즉, jsp파일을 html 형식으로 넣어주는 것이다.

 

해당 Controller 부분

}else if(str2.equals("EventMan_Review_selectAll.do")) {

ReviewServiceImpl reviewDao = new ReviewServiceImpl();

ArrayList<EvReviewVo> reviewList = reviewDao.reviewSelectAll();

request.setAttribute("reviewList", reviewList);

RequestDispatcher rd = request.getRequestDispatcher("/EventMan_Review/EventMan_Review_Ajax.jsp"); 	
rd.forward(request, response);