• Jquery를 이용한 XML 데이터 파싱

    2016. 10. 28.

    by. Yo.

    728x90



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


    728x90

    댓글