JSP

Json / 데이터 가져오기

나는아이스크림 2020. 1. 23. 18:25
728x90

<준비>

더보기

< 준비할 파일 >

1. json.html : json.jsp로 부터 값을 가져와 보여주는 html 파일

2. json.jsp : json 데이터 값을 가지고 있는 파일

 

- json.html 코드

<script src="../js/jquery-3.4.1.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$.getJSON('json1.jsp', function (d) {
			$.each(d, function (index,item) {
				// body 뒷부분 추가 name, gender <br>
				var name = item.name;
				var gender = item.gender;
				$('body').append(name + " : " + gender + "<br>");
			});
		});
	});
</script>
</head>
<body>

</body>

- json.jsp 코드

[
{"name":"홍길동","gender":"남자"},
{"name":"유관순","gender":"여자"}
]

- 결과

 

- 배열 형태를 사용하여 데이터를 표현한다

- 컨텐트 타입으로 text/xmlapplication/json 을 사용

728x90
728x90