JSP/JSON

Ex02_data_type.jsp

GAWON 2023. 6. 17. 14:48 
<%@ 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>
</head>
<body>
	<h1>JSON 데이터 타입</h1>
	<div id="output"></div>
	
	<script type="text/javascript">
		/*
			JSON 데이터 타입
			- 문자열, 숫자, 객체(JSON 객체), 배열, 논리형, null
		*/
		
		// 문자열
		var str = {"name":"kim"};
		
		// 숫자
		var num = {"age":20};
		
		// 객체
		var obj = {
				"emp":{"name":"kim", "age":20, "city":"Busan"}
		};
		
		
		// div 태그내에 직원의 이름과 나이 출력
		document.querySelector("#output").innerHTML += obj + "<br>";
		document.querySelector("#output").innerHTML += obj.emp.name + "<br>";
		document.querySelector("#output").innerHTML += obj.emp.age + "<br>";
		
		
		
	</script>
</body>
</html>
저작자표시