<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function createXMLHttpRequest() {
var xmlHttp = null;
if (window.ActiveXObject) { //explorer 5.0 이후의 버전
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) { //explorer 이외의 브라우저에서...
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
function openServer(){
var xmlHttp = createXMLHttpRequest(); //XMLHttpRequest 객체의 생성
xmlHttp.open("GET", "oraclejava.xml", true); //전송방식, URL, 동기 혹은 비동기(true)
xmlHttp.onreadystatechange = function(){ //readyState상태의 변경시 이벤트 발생
if(xmlHttp.readyState == 4){ //서버 데이터 처리가 완료된경우 4
if(xmlHttp.status == 200){ //정상적으로 처리되었을경우 200
printFileInfo(xmlHttp) //클라이언트에서의 처리
}
}
}
xmlHttp.send(null); //서버에게 데이터 전송. GET방식이기 때문에 null이다.
}
function printFileInfo(xmlHttp){
var xmlData = xmlHttp.responseXML;
var entertainer = xmlData.getElementsByTagName("entertainer");
for(var i=0; i<entertainer.length; i++)
{
var age = entertainer[i].childNodes[0].childNodes[0].nodeValue;
var name = entertainer[i].childNodes[1].childNodes[0].nodeValue;
insertRow(age, name); //테이블에 row추가
}
}
function insertRow(age, name)
{
var oTable = document.getElementById("resultTable").children[0];
var oRow = document.createElement("tr");
var oCel1 = document.createElement("td");
var oCel2 = document.createElement("td"); //table, tr, td 객체 생성
oRow.style.textAlign='center';
oRow.appendChild(oCel1);
oRow.appendChild(oCel2);
oCel1.innerHTML = age;
oCel2.innerHTML = name;
oTable.appendChild(oRow); //만들어진 row객체를 테이블에 추가
}
</script>
</head>
<body>
<input type="button" value="전송" onClick="openServer()" / >
<table id="resultTable" border="1">
</table>
</body>
</html>
'자바 > JAVA...Spring' 카테고리의 다른 글
| [/Web-INF/web.xml] (0) | 2015.12.28 |
|---|---|
| [form_test.html] (0) | 2015.12.28 |
| [oraclejava.xml] (0) | 2015.12.24 |
| Simple Application (0) | 2015.12.24 |
| Spring 3.2 & MyBatis] 파일 업로드 (0) | 2015.12.23 |