My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다.
AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.
포스팅 관련 문의 및 개발 문의는 Email : wkzkfmxksi@gmail.com

추가 포스팅이 이뤄지지 않는 블로그입니다. 문의는 wkzkfmxksi@gmail.com 으로 연락주세요.
etc
2013.03.02 17:39

XML 파싱

kay
조회 수 6337 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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!!"); }
}); 

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
54 A to Z JQuery A to Z kay 2013.01.02 5114
53 UI Menu Bar kay 2013.02.06 5150
52 etc 페이지 로딩 속도 개선 - 이미지 로딩처리 kay 2013.03.02 6507
» etc XML 파싱 kay 2013.03.02 6337
50 UI SelectBox Option 값 초기화 및 수정 삭제 kay 2013.03.02 36655
49 etc 에러 리포팅 , Ajax 디버깅 ( JS , ASP ) - 오류메시지 확인하기 kay 2013.03.08 30612
48 UI AutoCompleate - ( XML + Jquery ) kay 2013.03.08 5540
47 UI AutoCompleate - ( JSON + Jquery ) kay 2013.04.02 5905
46 UI select Box option ( 초기화,추가,삭제 ) kay 2013.04.03 9529
45 UI .on kay 2013.04.03 4919
44 UI 객체 초기화 kay 2013.04.04 4958
43 A to Z jQuery Learning Center - 공부 공부 kay 2013.04.05 4236
42 PlugIn lightBox2 - 레이어 팝업 file kay 2013.04.06 6109
41 PlugIn Smooth Scroll - 스크롤 이동 ( 속도 , 위치 ) 2 file kay 2013.04.06 12676
40 PlugIn vGrid - 브라우저 너비에 따른 가변 그리드 1 kay 2013.04.08 6956
39 UI animate - 각종 애니메이션 효과 kay 2013.04.11 26329
38 PlugIn tiptip - 툴팁 kay 2013.04.14 17886
37 PlugIn poshytip - 툴팁 kay 2013.04.15 11803
36 PlugIn makisu - 메뉴 접기(?) kay 2013.04.16 18446
35 PlugIn fancyBox - 레이어팝업 (추천) kay 2013.04.16 32407
Board Pagination Prev 1 2 3 Next
/ 3