jquery ajax 을 사용한 xml parsing

Js & Css/jQuery 2009. 12. 16. 09:46 posted by 무명시인
사용자 삽입 이미지



위 와같은 xml 을 jquery 로 분리를 해보자..

jquery 의 ajax 연동은 따로 설명 하지 않겠다. 아래 참고

http://docs.jquery.com/Ajax

	$.ajax({
		type: 'get'
		, dataType: "xml"
		, url: "Service.aspx"
		, data: "arg=L
		, success: function(xml) {
			// xml 노드 null 확인
			if ($(xml).find("list").find("item").length > 0) {

				// totalitem 찾기
				var totitem = $(xml).find("totalitem").text();
				
				// item 노드 loop
				$(xml).find("list").find("item").each(function(idx) {				
					
					var idx = $(this).find("idx").text()
					var title = $(this).find("title").text()
					var content = $(this).find("content").text()
					
				});
			}			
		}
		, error: function(xhr, status, error) {alert(error); }
	});


ajax 를 콜한이후에.. xml 개체가 넘어온다.
최상위 노드가 "list" 이기 때문에
jquery 의 find 메소드로 "list" 노드를 찾고
totalitem 값(.text() 메소드 사용) 을 찾고..
"item" 노드를 찾아서
반복(.each 메소드 사용) 에서 "item" 노드 의 값들을 분리 하면된다.
여기서 .each 메소드 내부에서 $(this) 개체는 "item" 노드 이다.