▷ JSON이란?
→ JavaScript Object Notation의 두문자어로 데이터를 저장하거나 전송할 때 많이 사용되는
경량의 DATA 교환 형식
→ javascript에서 객체를 만들때 사용되는 표현식
→ JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작고,
최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용
→ JSON은 데이터 포멧일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법!
▷ JSON 특징
→ 서버와 클라이언트 간의 교류에서 일반적으로 많이 사용
→ 자바스크립트 객체 표기법과 아주 유사함
→ 자바스크립트를 이용하여 JSON 형식의 문서를 수비게 자바스크립트 객체로 변활 할 수 있음
→ JSON 문서 형식은 자바스크립트 객체의 형식을 기반을 만듬
→ 자바스크립트의 문법과 굉장히 유사하짐나 텍스트 형식일 뿐
→ 다른 프로그래밍 언어를 이용해서도 쉽게 만들수 있음
→ 특정 언어에 종속되지 않으며, 대부분의 프로그래밍 언어에서 JSON 포맷의 데이터를
핸들링 할 수 있는 라이브러리 제공
출처: https://usefultoknow.tistory.com/15 [UsefulToKnow]
<%@ 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="../js/jquery-3.6.0.js"></script> // 이거 쫌 까먹지 말자...
<script type="text/javascript">
$(function() { // 이것두..
$.ajax({
type: 'get',
url: 'json_data1.txt', // JSON 데이터를 요청할 URL 또는 리소스(파일명)
dataType: 'json' // 해당 리소스의 데이터가 JSON 객체이므로 타입을 'json' 으로 지정
})
.done(function(data) { // 성공 시 자동으로 호출되는 콜백 함수(success 다음에 호출됨)
// JSON 객체 접근 시 일반 객체와 동일한 방식으로 접근
var name = data.name;
var age = data.age;
alert("이름 : " + name + ", 나이: " + age);
})
.fail(function() { // 실패 시 자동으로 호출되는 콜백 함수
alert('JSON 데이터 요청 실패!');
});
});
</script>
</head>
<body>
</body>
</html>
json_data1.txt
{
"name": "hong",
"age": 20
}
'JSP' 카테고리의 다른 글
| JSON (3) - 박스오피스 데이터 가져오기[영화진흥위원회 오픈API] (0) | 2022.03.12 |
|---|---|
| JSON (2) - .txt 파일 데이터 가져오기 (0) | 2022.03.12 |
| AJAX (4) - blur 이벤트 처리 (0) | 2022.03.09 |
| AJAX (3) - error 처리 (0) | 2022.03.09 |
| AJAX (2) - form 데이터를 한번에 옮기기 (0) | 2022.03.09 |
