XML HTML로 로드 하기

jQuery 2012. 1. 10. 17:43

------------------------------

<?xml version="1.0" encoding="utf-8" ?>

<Company CompanyType="Private">

  <CompanyName>닷넷코리아</CompanyName>

  <CompanyNumber>1234</CompanyNumber>

  <CompanyAddress>서울</CompanyAddress>

  <Name>레드마이너스</Name>

</Company>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>XML 파일 로드하기</title>

    <script src="../Js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            $("#btn").click(function() {

                $.get('04.Company.xml', function(data) {

                    $('#ctlGrid').empty();

                    $(data).find('Company').each(function() {

                        var $entry = $(this); // 현재 시점의 레코드셋

                        // 특성(Attribute) 읽어오기

                        var html = "<div>" + $entry.attr('CompanyType')

                            + "</div>"; // Private

                        // 하위 엘리먼트 읽어오기

                        html += "<div>" + $entry.find("CompanyName").text()

                            + "</div>"; // 닷넷코리아

                        $('#ctlGrid').html(html);

                    });

                });

            });

        });

    </script>

</head>

<body>

    <input type="button" id="btn" value="회사소개" />

    <div id="ctlGrid"></div>

</body>

</html>

'jQuery' 카테고리의 다른 글

jquery 유효성 검사  (0) 2012.02.09
jQuery 스크롤 올리기  (0) 2012.02.07
jquery 동적 js 실행  (0) 2012.01.10
jQuery json load  (0) 2012.01.10
jquery 정리  (0) 2011.12.26
블로그 이미지

스마트전

,