.Net Project/Jquery 1.3.2

58장 JQueryAjax HTMLSamplePage ( HTMLSamplePage )

Magic_kit 2009. 11. 13. 09:34
반응형

 




HTMLSamplePage.htm
 

<!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>Sample Page</title>

    <style type="text/css">

        .redColor { color:Red;}

    </style>

<!--    <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(//function () {

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

                $('#ctlGrid').load('//01.HTMLSamplePage.htm');

                window.alert(//"이메시지 먼저 출력됨 Whey 비동기")

            });

 

        });

    </script>-->

   

</head>

<body>

<h3>Sample Page</h3>

<div>

    샘플  페이지 입니다..</div>

 

</body>

</html> 


 JQuery.Load.htm
 

<!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>Sample Page</title>

    <style type="text/css">

        .redColor { color:Red;}

    </style>

    <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

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

                $('#ctlGrid').load('01.HTMLSamplePage.htm');

                window.alert("이메시지 먼저 출력 Whey 비동기..")

            });

 

        });

    </script>

   

</head>

<body>

<div id="btn">

    <div class="btnLoad">HTML 읽어오기 </div>

</div>

 

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

 

</body>

</html> 







반응형