Jquery를 이용한 XML 데이터 파싱

Open API/Jquery|2016. 10. 28. 09:14
반응형



많은 부분의 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!!"); }
}); 


반응형

태그 : , ,

댓글()