블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

2009. 11. 13. 11:07 .Net Project/Jquery 1.3.2
반응형


- 버튼 클릭시 이벤트 처리


get.html
 

<!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="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

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

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

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

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

                        var $entry = $(this);

                       

                        //특성Attribute)을 읽어오기
                       var html ="<div>" + $entry.attr('CompanyType') + "</div>";

                       

                 //하위 엘리먼트 읽어오기
                 html += "<div>" + $entry.find("CompanyName").text() + "</div>";

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

                    });

                });

            });

        });      

 

    </script>

   

</head>

<body>

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

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

</body>

</html> 


Company.XML
 

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

<Company CompanyTye="Private">

  <CompanyName>용원이 블로그</CompanyName>

  <CompanyNumber>1234</CompanyNumber>

  <CompanyAddress>서울</CompanyAddress>

  <CompanyAddressDetail>세울</CompanyAddressDetail>

  <Name>김용원</Name> 

</Company> 





반응형
posted by Magic_kit