jquery-xml-read-examle - 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XML</title>
</head>
<body>
    <div id="citylist"></div>
    <script src="jquery-1.12.3.js"></script>
    <script>
        $.ajax({
            type: "GET",
            url: "korea.xml",
            dataType: "xml",
            cache: false,
            success: readXML
        });
        function readXML(xml){
            var $citys = $(xml).find("city");
            $citys.each(function(){
                var name_ko = $(this).find("name_ko").text();
                var name_en = $(this).find("name_en").text();
                var name_full = $(this).find("name_full").text();
                var info = $(this).find("info").text();
                var area = $(this).find("area").text();
                var population = $(this).find("population").text();
                var html = "<div>";
                html += "<h1>" + name_ko + "</h1>";
                html += "<h2>" + name_en + "</h2>";
                html += "<h3>" + name_full + "</h3>";
                html += "<p>" + area + "</p>";
                html += "<p>" + population + "</p>";
                html += "<p>" + info + "</p><hr>";
                html += "</div>"
                $("#citylist").append(html);
            });
        }
    </script>
</body>
</html>