javascript로 xml의 데이터 가져오기

Published on: 2009. 4. 2. 00:52 by louis.dev

일단 xml에서 데이터를 가져 오려면 각 브라우저 별로 자바스크립트 객체를 생성해서 xml 데이터에 접근해야 한다.

1.브라우저가 Explorer 일때
<script type="text/javascript">
var myxmlDoc= new ActiveXObject("Microsoft.XMLDOM");
myxmlDoc=async="false";
myxmlDoc.load("xml 파일의 경로");
</script>

2.브라우저가 Explorer 가 아닌 다른 브라우저 일때
<script type="text/javascript">
var myxmlDoc= document.implementation.createDocument("","",null);
myxmlDoc.load("xml 파일의 경로");
</script>

만약 xml의 데이터구조가 다음과 같다면
<race>
     <yacht>
          <name>태연</name>
     </yacht>
      <yacht>
           <name>형돈</name>
      </yacht>
</race>


-race의 자식 노드(yacht)의 갯수 구하기
myxmlDoc.childNodes.length;    <!-- 2 -->

-race의 첫번째 자식 노드에 접근하려면
myxmlDoc.childNodes(0)

-첫번째 자식 노드가 요소를 가지고 있는지 알아 보려면
myxmlDoc.shildNodes(0).hasChildNodes()    <!-- return 은 true,false -->

-태그 이름 알아내기
myxmlDoc.childNodes(0).childNodes(0).tagname    <!-- race의 첫번째 하위 노드의 첫번째 하위노드의 이름:name을 리턴-->

-태그 내용 알아내기
myxmlDoc.childNodes(0).childNodes(1).text            <!-- 형돈을 리턴한다 -->