https://developer.mozilla.org/ko/docs/Web/API/XMLHttpRequest/responseXML
XMLHttpRequest.responseXML
The XMLHttpRequest.responseXML read-only property returns a Document containing the HTML or XML retrieved by the request; or null if the request was unsuccessful, has not yet been sent, or if the data can't be parsed as XML or HTML.
developer.mozilla.org
responseXML.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="responseXML.js"></script>
</head>
<body>
<h3>응답내용</h3>
<form>
<input id="sndRet" type="button" value="정보요청" onclick="startRequest()"/>
</form>
<div id="disp"></div>
</body>
</html>
responseXML.js
/**
*
*/
/**
*
*/
function startRequest(){
//alert("OK");
//객체 XMLHttpRequest -> 웹브라우저
var xhr = null;
var arr = new Array();
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest;
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
arr.push(xhr);
alert(arr.join("\n"));
xhr.open("GET","responseXML.xml", true);
xhr.send();
xhr.onreadystatechange = resultProcess;
}
function resultProcess(){
if(xhr.readyState==4 && xhr.status==200){
arr.put(xhr.responseXML);
//alert(ar.join("\n"));
var xmlDoc = xhr.responseXML;
var studentList = xmlDoc.getElementsByTagName("student");
var disp = document.getElementById("disp");
for(var i=0; i<studentList.length; i++){
var student= studentList[i];
var subElement = student.childNodes;
var div = document.createElement("div");
for(var j=0; j<subElement.length; j++){
var span = document.createElement("span");
span.innerHTML = subElement[i].childNodes[0].nodeValue +" ";
div.appendChild(span);
}
}
disp.appendChild(div);
}
}
responseXML.xml
<?xml version="1.0" encoding="UTF-8"?>
<member xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.example.org/responseXML responseXML.xsd"
xmlns="http://www.example.org/responseXML">
<student>
<stdNumber>1001</stdNumber>
<stdName>홍길동</stdName>
<score>95</score>
</student>
<student>
<stdNumber>1002</stdNumber>
<stdName>김길동</stdName>
<score>90</score>
</student>
<student>
<stdNumber>1003</stdNumber>
<stdName>박길동</stdName>
<score>80</score>
</student>
</member>
responseXML.xsd
<?xml version="1.0" encoding="UTF-8"?>
<xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema"
targetNamespace="http://www.example.org/responseXML"
xmlns="http://www.example.org/responseXML"
elementFormDefault="qualified">
<xsd:element name="member" type="member"/>
<xsd:complexType name="member">
<xsd:sequence>
<xsd:element name="student" minOccurs="1" maxOccurs="unbounded" type="student"/>
</xsd:sequence>
</xsd:complexType>
<xsd:complexType name="student">
<xsd:sequence>
<xsd:element name="stdNumber" minOccurs="1" maxOccurs="1" type="xsd:string"/>
<xsd:element name="stdName" minOccurs="1" maxOccurs="1" type="xsd:string"/>
<xsd:element name="score" minOccurs="1" maxOccurs="1" type="xsd:string"/>
</xsd:sequence>
</xsd:complexType>
</xsd:schema>
'Coding > JAVASCRIPT' 카테고리의 다른 글
| JS/jQuery 자동완성 플러그인 설치 (0) | 2022.04.07 |
|---|---|
| 1. Object(객체) (0) | 2022.04.07 |
| [AJAX] Kakao 지도 Javscript API 이용해서 지도그리기 (0) | 2022.04.04 |
| [AJAX] 기상청 데이터 Parsing (0) | 2022.04.04 |
| [AJAX] 한줄 답글 달기(CRUD) (0) | 2022.04.04 |