AJAX (6) Ajax로 html파일 받아오기

■ Ajax로 html파일 받아오기

● jsp에서 html코드 작성하기

<h2>5. Ajax로 html파일 받아오기</h2>
	
<button id="htmlAjax">html 문서받기</button>
	
<div></div>

html 페이지

 

● script 코드 작성하기

<script>
	$(function(){
		$("#htmlAjax").click(function(){
			$.ajax({
				url : "jqHtmlTest.do",
				type : "get",
				dataType : "html",
				success : function(data){
					console.log(data);
					
					$("#htmlAjax + div").html(data);
				}
			});
		});
	});
</script>

 

● jqHtmlTest.do servlet 코드 생성

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	
	request.setAttribute("errorMsg", "html데이터 응답받기");
		
	request.getRequestDispatcher("views/errorPage.jsp").forward(request, response);
		
}

 

● 결과 확인

ajax 테스트 결과