*XML = eXtensible Markup Language
확장 표시 언어
목적 : Data를 공유하기 위한 목적. 예) 교통정보, 노선(버스)의 정보
Setup(셋팅)을 위한 코드.
User Tag(유저 지정태그 사용)
Parsing : 원하는 데이터를 취득. -> Parser(파싱 프로그램)
*Bigdata
Data 수집-> 분석 -> 시각화(차트) : web, app
R, Python
*HTML = Web을 표현하기 위한 언어
:Standard Tag(표준태그 사용)
*File 입출력 방식: java, javaScrpt(웹에 표현), jquery
HTML의 p Tag가 test.txt 파일 안의 문구로 바뀜 ->>
index1
<body>
<p id="demo">p Tag</p>
<button type="button" onclick="loadXMLDoc()">내용변경</button>
<!-- HTML에 파일속 글자를 올려줌 -->
<script type="text/javascript">
/* XML을 Passing전 파일을 읽기위한 목적 */
let xhttp = new XMLHttpRequest();
function loadXMLDoc() {
xhttp.onreadystatechange = function () {
/* Text File 읽기 (this는 xhttp를 지칭)
console.log(this.responseText);*/
/* readyState는 준비상태로 숫자가 나옴
0 -> 출력은 안됨(open()메소드 수행 전, 초기값)
1 -> loading 중...
2 -> loading 완료
3 -> Server 처리중
4 -> Server 처리 완료
console.log(this.readyState);*/
/* status : 상태를 알 수 있는 요소
200 -> 처리 성공
402 -> 접근 금지
404 -> 없음.
500 -> 구문에러
console.log(this.status);
*/
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
/* 아래 명령 수행 후 최종작업으로 HTML에 파일속 글자를 올려줌 */
}
}
xhttp.open("Get", "test.txt", true);/* 읽을 방식, 읽을 파일명, 비동기 */
console.log("xhttp.open");
xhttp.send();/* 전송 */
console.log("xhttp.send");
}
</script>
</body>
test.txt
안녕하세요
Hello
你好'XML & JSON' 카테고리의 다른 글
| JSON // 기본 (String <--> Json 호환) (0) | 2020.07.14 |
|---|---|
| JSON// tabel// key 포함값가져오기 (0) | 2020.07.14 |
| XML//외부파일에서 불러와 파씽 (0) | 2020.07.14 |
| XML// table// 파일을 이용한 파씽 (0) | 2020.07.14 |
| XML//table//DOM을 이용한 파씽 (0) | 2020.07.14 |
