jquery - ajax 해보기3

ajax로 html 페이지를 가져와서 가져온 페이지를 보여주는 작업을 해보겠습니다. parseHTML을 이용합니다.

파일 구조

ajax001.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="${pageContext.request.contextPath}/js/jquery.js"></script>
</head>
<body>
	<input type="button" id="request" value="requestt"/>
	<br>
	<div id="show"></div>
	<br>
	
	
	<script>
		$("#request").click(function(){			
			
			var params = {
					name : "한글",
					age : 14
			}
			
			$.ajax({
				type:"POST",
				url:"${pageContext.request.contextPath}/temp/ajax/ajax002.jsp",
				data: params,
				success:function(res){
					var list = $.parseHTML(res);
					$("#show").append(list);
				},
			})
			
		});
	</script>
</body>
</html>

ajax002.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="${pageContext.request.contextPath}/js/jquery.js"></script>
</head>
<body>
	hi
</body>
</html>

결과

참고

https://www.nextree.co.kr/p10091/

함수의 정의 ( JS )
알고리즘 | 너비 우선 탐색 BFS 알고리즘 - 그래프 탐색

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage