XML 파싱

Jquery를 이용한 XML 데이터 파싱

많은 부분의 Jquery UI API들이 대부분이런 형태로 XML 데이터를 파싱하여 배열에 넣고

UI를 생성하는 방식으로 처리되고 있는 것 같다.

 

 

 

XML 파일

 

<?xml version="1.0" encoding="utf-8" ?>
- <root>
    - <item>
         <no>번호</no>
         <title>제목</title>
         <type>타입</type>
      </item>
  </root>

 

Javascript 파일

$.ajax({
   type: "get"
  ,dataType: "xml"
  ,url: "xml파일 주소"
  ,success: function(xml){
      if($(xml).find("item").length > 0){ // null check
         $(xml).find("item").each(function(){ // item 수만큼 loop
            // item 요소 중 title 읽어오기.
            var title = $(this).find("title").text();
         });
      }
   }
   ,error: function(){ alert("xml error!!"); }
});