티스토리 뷰
xmlTest1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
window.onload = function () {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function (event) {
if (xhr.readyState == XMLHttpRequest.DONE) { //XMLHttpRequest.DONE ==> 4
if (xhr.status == 200) {
//alert(xhr.responseText);
var xml = xhr.responseXML;
var rootE = xml.getElementsByTagName('testxml');
var output = '';
// alert(rootE[0].childNodes.length);
for(var i=0; i < rootE[0].childNodes.length; i+=2){
// alert(rootE[0].childNodes[i].nodeName);
output += "<h3>"+rootE[0].childNodes[i].firstChild.nodeValue+"</h3>";
document.body.innerHTML += output;
}
}
}
};
xhr.open('GET', 'sample.xml', true);
xhr.send();
};
</script>
</head>
<body>
<h2>onreadystatechange 속성 사용 - XML응답</h2>
<hr>
</body>
</html>xmlTest2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
window.onload = function () {
var xhr = new XMLHttpRequest();
xhr.onload = function(event) {
if (xhr.readyState == XMLHttpRequest.DONE) {
if (xhr.status == 200) {
var xml = xhr.responseXML;
var rootE = xml.getElementsByTagName('testxml');
var output = '';
for(var i=1; i < rootE[0].childNodes.length; i+=2)
output += "<h3>"+rootE[0].childNodes[i].firstChild.nodeValue+"</h3>";
document.body.innerHTML += output;
}
}
};
xhr.open('GET', 'sample.xml', true);
xhr.send();
};
</script>
</head>
<body>
<h2>onload 속성 사용 - XML응답</h2>
<hr>
</body>
</html>
댓글