본문 바로가기

JAVASCRIPT

XML - 자바스크립트로 XML데이타 불러 들이기


=======================================

test.xml

=======================================

<?xml version="1.0" encoding="UTF-8"?>
<Board>
 <List id="1">
  <Data id="1">1</Data>
  <Data id="2">제목1 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
 <List id="2">
  <Data id="1">2</Data>
  <Data id="2">제목2 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
 <List id="3">
  <Data id="1">3</Data>
  <Data id="2">제목3 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
 <List id="4">
  <Data id="1">4</Data>
  <Data id="2">제목4 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
 <List id="5">
  <Data id="1">5</Data>
  <Data id="2">제목5 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
 <List id="6">
  <Data id="1">6</Data>
  <Data id="2">제목6 - 띠앗샘 : 띠앗이 넘치는 샘터</Data>
  <Data id="3">http://www.ttiatsam.co.kr/</Data>
 </List>
</Board>

=======================================

test.html

=======================================

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function xmlload(){
 var xmlDOM = new ActiveXObject("Microsoft.XMLDOM");
 xmlDOM.async = false;
 xmlf = "./test.xml";
 xmlDOM.load(xmlf);
 
 var xmlTag_List = xmlDOM.getElementsByTagName("List");
 var xmlTag_List_cnt = xmlTag_List.length;

 if(xmlTag_List_cnt > 5){
  xmlTag_List_cnt = 5;
 }
 var str = "";
 for (var i=0; i < xmlTag_List_cnt; i ++){
  xv0 = xmlTag_List[i].childNodes[0].childNodes[0].nodeValue;
  xv1 = xmlTag_List[i].childNodes[1].childNodes[0].nodeValue;
  xv2 = xmlTag_List[i].childNodes[2].childNodes[0].nodeValue;
  str += "<a href=" + xv2 + " target=_blank>" + xv0 + ". " + xv1 + "</a><br>"
 }
 document.getElementById('test').innerHTML = str;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<a href="javascript:xmlload()">xml 데이타 불러들이기</a><br><br>
<div id="test_top">공지사항</div>
<div id="test" style="width:400; height:60; border:1 solid #333333"></div>
</BODY>
</HTML>

출처 : http://ghkdwind.blog.me/30040064831