XML
eXtebsible Mark up Language : 확장 표시 언어 = 파일 입출력
특징
- 데이터를 저장하고 공유하기 위하여 사용한다.
- XML은 다른 시스템끼리 데이터를 손쉽게 교환할 수 있도록 해준다.
- 모든 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 : 데이터 오브젝트를 전달하기 위한 개방형 표준 포맷
특징
- JavaScript에서 객체를 만들 때 사용하는 표현식.
- JSON은 특정 언어에 종속되지 않는다.
- XML 보다 용량이 작고 빠른속도로 데이터 전송이 가능하다.
- 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 변환 |
'멀티잇 풀스택' 카테고리의 다른 글
8 week_1 Servlet (0) | 2023.02.06 |
---|---|
7 week_3 JQuery (0) | 2023.02.02 |
7 week_1 JavaScript (0) | 2023.01.30 |
6 week html & css (0) | 2023.01.30 |
4,5 week 알고리즘 (0) | 2023.01.09 |