1️⃣ 제이슨 JSON

728x90

JSON은 JavaScript Object Notation의 약자다.

JSON은 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어진 텍스트 기반의 데이터 교환 표준이다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 
			JSON: Java Script Object Notation
	
			JQuery(Ajax) :  유일하게 서버랑 통신이 가능한게 Ajax
			Java Script  :	X
			JQuery       : 	X
			Java Script  :  Server (Vue, react)
			
			한쌍(pair) key : value == HashMap
					web				List
					Ajax			String
					
				[10,20,30] -> {num:10, age:20, count:30}
				Array(배열)		Json ObJect(키 : 밸류)				
				
맨처음엔 배열괄호	    [
					{
						name:"홍길동",
						age:24,
						address:"서울시"		노드하나		
					},
					{
						name:"홍길동",
						age:24,
						address:"서울시"      노드둘
					}
				]
	 -->
	 
	 <p id="demo"></p>
	 
	 <script type="text/javascript">
	 
	 let jsonData = [
		 
		 	{
		 		"name":"홍길동",
		 		"age":24
		 	},
		 	{
		 		"name":"성춘향",
		 		"age":16
		 	},
		 	{
		 		"name":"일지매",
		 		"age":16
		 	}
	 ];
	 
document.getElementById("demo").innerHTML = jsonData[1].name + " " + jsonData[1].age;

let arrText = '{"name":"홍길동","age":"24","주소":"서울시"}'

//alert(arrText);
	 
let jsonObj = JSON.parse(arrText);    //String을 Json으로 바꾸어줌

//alert(jsonObj);

let strObj = JSON.stringify(jsonObj); //Json을 String으로 바꾼것 (확인용으로 사용)

document.getElementById("demo").innerHTML = jsonObj.name + " " + jsonObj.주소;
//alert(strObj);
</script>
	 
	 
	 
	 
	 
</body>
</html>

저작자표시

'🌠 자바 서버 페이지 JSP > 🛸 제이슨 XML\JSON' 카테고리의 다른 글

3️⃣ 제이슨 JSON - 농구팀 데이터 가져오기 (0)	2021.03.09
2️⃣ 제이슨 JSON - 데이터 가져오기 (0)	2021.03.09
4️⃣ XML - 응용 (0)	2021.03.09
3️⃣ XML - 문자열 대입과 실제 XML화 (0)	2021.03.09
2️⃣ XML - readyState 상태, status/stateText 서버 응답상태 (0)	2021.03.09

👨‍💻 코딩 도서관

1️⃣ 제이슨 JSON - 기본 1

'🌠 자바 서버 페이지 JSP > 🛸 제이슨 XML\JSON' 카테고리의 다른 글

댓글

티스토리툴바

1️⃣ 제이슨 JSON - 기본 1

'🌠 자바 서버 페이지 JSP > 🛸 제이슨 XML\JSON' 카테고리의 다른 글

관련글

댓글

티스토리툴바