XML 데이터 읽어오기

1. 반복성 없는 XML 데이터

$ajax({
    ...
 
    success: function(xml) {
        // 데이터 추출
        var value1 = $(xml).find("XML element").text();
        ...
 
        // 데이터를 HTML로 동적 생성
        var div = $("<div>");
        var p1 = $("<p>").html(value1);
        ....
 
        // 데이터 조립
        div.append(p1).append(p2)....
 
        // HTML에 표시
        $("#id").append(div);
 
        },
    ...
});

2. 반복성 있는 XML 데이터

 - each메서드 사용.

 - $(this)로 접근.

$ajax({
...
 
    success: function(xml) {
        // 반복구문 선택
        $(xml).find("Repeat element").each( function() {
 
            // 데이터 추출
            var value1 = $(this).find("XML element").text();
            ...
 
            // 데이터를 HTML로 동적 생성
            var div = $("<div>");
            var p1 = $("<p>").html(value1);
            ...
 
            // 데이터 조립
            div.append(p1).append(p2)....
 
            // HTML에 표시. hr은 데이터간 구분하는 용도
            $("#id").append(div).append("<hr />")
 
        });
    },
...
});