홈페이지

자바스크립트로 XML에 값 읽기 : 초간단 예제

띠리 2008. 11. 12. 19:41

설명이 따로 필요 없는 예제

<html>
<body>

<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{
  // IE용
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{
  // Mozilla, Firefox, Opera, 기타 용
  xmlDoc=document.implementation.createDocument("","",null);
}
else
{
  alert('XML을 사용못하는 브라우저임');
}

if (xmlDoc!=null)
{
  xmlDoc.async=false;
  xmlDoc.load("tel.xml");

  var x=xmlDoc.getElementsByTagName("mem");
  for (i=0;i<x.length;i++)
  {
    document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
    document.write(':');
    document.write(x[i].getElementsByTagName("cell")[0].childNodes[0].nodeValue);
    document.write('<br>');
  }
}
</script>
</body>
</html>

tel.xml 파일

<?xml version="1.0" encoding="euc-kr"?>
<!-- Edited by Notepad-->
<MyCompany>
 <mem>
  <part>영업</part>
  <name>홍길동</name>
  <tno>1111</tno>
  <cell>01033334444</cell>
  <birth>11/15</birth>
 </mem>
 <mem>
  <part>관리</part>
  <name>홍당무</name>
  <tno>2222</tno>
  <cell>01022220000</cell>
  <birth>11/11</birth>
 </mem>
 <mem>
  <part>개발</part>
  <name>최말봉</name>
  <tno>6153</tno>
  <cell>01077775555</cell>
  <birth>3333</birth>
 </mem>
 <mem>
  <part>홍보</part>
  <name>최고봉</name>
  <tno>4444</tno>
  <cell>01088889999</cell>
  <birth>01/15</birth>
 </mem>
</MyCompany>

자바 스크립트에서 XML 파일의 맴버들을 참조하는 것은 의외로 쉬웠다.