꼰대 개발자의 블로그
Home
  • 분류 전체보기 (180)
    • 이야기 (2)
    • Tools (2)
      • vs code (2)
    • Open API (82)
      • Jquery (47)
      • Naver (2)
      • Google (21)
      • Daum (4)
      • kakao (2)
      • 그 외 (6)
    • DataBase (28)
      • MS-SQL (22)
      • My-SQL (6)
    • Progmming (24)
      • ASP (1)
      • PHP (9)
      • .Net (7)
      • JSP (0)
      • HTML (0)
      • JAVA (0)
      • Python (2)
      • Javascript (4)
      • git (1)
    • CSS (1)
    • OS (15)
      • Microsoft (14)
      • Linux (0)
      • mac (1)
    • Cloud Server (3)
    • 추천 정보 (14)
    • 에러노트 (8)
블로그 내 검색

꼰대 개발자의 블로그

꼰대가 흐름을 따라가고 싶어서 기록하는 블로그

  • Open API/Jquery

    Jquery를 이용한 XML 데이터 파싱

    2016. 10. 28.

    by. Yo.



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


    저작자표시 (새창열림)

    댓글

    관련글

    • jQuery 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기 2016.10.28
    • jQuery SelectBox Option 값 초기화 및 수정 삭제 2016.10.28
    • jQuery 메뉴 바 샘플 코드 2016.10.28
    • Jquery 스터디 2016.10.28
    맨 위로
전체 글 보기
  • SyntaxHighlighter 웹버전
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ AXZ Corp.

Designed by Nana
블로그 이미지
Yo.

티스토리툴바