7 week_2 XML, JSON

XML

eXtebsible Mark up Language : 확장 표시 언어 = 파일 입출력

 

특징

1. 데이터를 저장하고 공유하기 위하여 사용한다.
2. XML은 다른 시스템끼리 데이터를 손쉽게 교환할 수 있도록 해준다.
3. 모든 XML 문서는 유니코드로만 이뤄진다.

<script type="text/javascript">
	let xhttp= new XMLHttpRequest(); // XMLHttpRequest 객체를 생성함.

	xhttp.onreadystatechange= function() { // 이벤트 핸들러 작성
		if (this.readyState == 4 && this.status == 200) { // 정상적으로 값이 넘겨졌을 때
				.....;
			}
 	}
	xhttp.open("GET","client.xml",true); // 요청을 초기화 및 동기화 여부 지정
	xhttp.send();  // 서버로 전송
</script>

status

• 200 : 성공
• 403 : 접근 금지
• 404 : 실패
• 500 : 구문 에러 

readyState

• 0 -> open() 수행 전 
• 1 -> loading 상태 
• 2 -> loading 완료
• 3 -> server 처리 중
• 4 -> server 처리 완료 

onreadystateChange

• readyState 값이 변할 때마다 자동으로 호출되는 이벤트 핸들러

 

JSON

JavaScript Object Notation : 데이터 오브젝트를 전달하기 위한 개방형 표준 포맷

 

특징

1. JavaScript에서 객체를 만들 때 사용하는 표현식.
2. JSON은 특정 언어에 종속되지 않는다.
3. XML 보다 용량이 작고 빠른속도로 데이터 전송이 가능하다.
4. JSON은 문자열 형태로 존재하며 데이터를 엑세스하기 위해서는 JSON 객체로 변환해야 한다.

let JSON_String = {"Key" : "Value"} // 문자열 형태의 JSON

 

중요 함수

this.resonseText	현재 응답 문자열
JSON.parse(String JSON)	String JSON ->  Object  JSON 변환
JSON.stringify(Object JSON)	Object  JSON -> String JSON 변환