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

calendar

 «  » 2024.12
일 월 화 수 목 금 토
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. 13:00 .Net Project/Jquery 1.3.2

66장 JQueryAjax 전송 방식 값 전달 (SubmitMethod)

반응형




SubmitMethod.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>SubmitMethod 방식 이용 </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 () {

            $('#temp').click(function () {

                $('#pnlDisplay').load(
                     //[1] 서버 스크립 언어 : ASP.NET, JSP, PHP

                    "05장a.FrmResponseData.aspx",

             $('input[@name="msg"]').val()); //[2] 쿼리스트링 키값            

            });

        });        

    </script>

   

</head>

<body>

    <div id="frmSend">

        <form action="05장a.FrmResponseData.aspx">

            <input type="text" name="msg" value="" id="msg" />

            <input type="submit" value="전송" />       

        </form>   

    </div>

    <div>

        <div id="pnlDisplay">

           여기에 출력    </div>

    </div>  

</body>

</html>






반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

68장 JQueryAjax ajax() JSON 대체 (jQuery.ajax.JSON)  (0) 2009.11.25
67장 JQueryAjax ajax()메서드로 대체 ( jQuery.ajax )  (0) 2009.11.25
65장 JQueryAjax Load 방식 값 전달 (PostMethod)  (0) 2009.11.13
64장 JQueryAjax 포스트 방식 값 전달 (PostMethod)  (0) 2009.11.13
63장 JQueryAjax 쿼리 스트링 값 전달 (getMethod)  (0) 2009.11.13
posted by Magic_kit
2009. 11. 13. 12:17 .Net Project/Jquery 1.3.2

65장 JQueryAjax Load 방식 값 전달 (PostMethod)

반응형


LoadMethod.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>Load </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').click(function () {

                $('#pnlDisplay').load(

                    "05장a.FrmResponseData.aspx",

                    {'Msg': $(this).val() });  

            });

        });      

 

    </script>

   

</head>

<body>

    <input type="button" id="btn" value="서버로 부터 가져오기" />

    <div id="pnlDisplay">여기에 출력</div>  

</body>

</html> 





반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

67장 JQueryAjax ajax()메서드로 대체 ( jQuery.ajax )  (0) 2009.11.25
66장 JQueryAjax 전송 방식 값 전달 (SubmitMethod)  (0) 2009.11.13
64장 JQueryAjax 포스트 방식 값 전달 (PostMethod)  (0) 2009.11.13
63장 JQueryAjax 쿼리 스트링 값 전달 (getMethod)  (0) 2009.11.13
62장 JQueryAjax 쿼리 스트링 값 전달 (FrmResponseData)  (0) 2009.11.13
posted by Magic_kit
2009. 11. 13. 12:14 .Net Project/Jquery 1.3.2

64장 JQueryAjax 포스트 방식 값 전달 (PostMethod)

반응형


PostMethod.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>포스트 방식 값 전달</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').click(function () {

                $.post(

                    "05장a.FrmResponseData.aspx", //[1]서버측 스크립 언어 : 
                                                             ASP.NET, JSP, PHP

                    [2] 쿼리스트링 :  키1키2키3
                    { 'Msg': 'Post방식으로 전달' },

                    function (data) {  //[3] 콜백함수 : 결과값 받아옴

                        $('#pnlDisplay').html(data);

                        }

                    ); //end $.get()              

            });

        });      

 

    </script>

   

</head>

<body>

    <input type="button" id="btn" value="서버로 부터 가져오기" />

    <div id="pnlDisplay">여기에 출력</div>  

</body>

</html> 





반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

66장 JQueryAjax 전송 방식 값 전달 (SubmitMethod)  (0) 2009.11.13
65장 JQueryAjax Load 방식 값 전달 (PostMethod)  (0) 2009.11.13
63장 JQueryAjax 쿼리 스트링 값 전달 (getMethod)  (0) 2009.11.13
62장 JQueryAjax 쿼리 스트링 값 전달 (FrmResponseData)  (0) 2009.11.13
61장 JQueryAjax XML파일 로드하기 (get)  (0) 2009.11.13
posted by Magic_kit
2009. 11. 13. 11:42 .Net Project/Jquery 1.3.2

63장 JQueryAjax 쿼리 스트링 값 전달 (getMethod)

반응형


getMethod.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>하나의 완성된 자바스크립트 파일을 동적 로드 실행 </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').click(function () {

                $.get(

                    "05장a.FrmResponseData.aspx", //[1]서버측 스크립

                                                 언어 : ASP.NET, JSP, PHP

                    { 'Msg': $(this).val() }, //[2] 쿼리스트링 : ? 키1키2키3

                    function (data) {          //[3] 콜백함수 : 결과값 받­기, data 

                        $('#pnlDisplay').html(data);

                        }

                    ); //end $.get()              

            });

        });        

    </script>   

</head>

<body>

    <input type="button" id="btn" value="서버로부터 HTML 가져오기" />

    <div id="pnlDisplay">여기에 출력</div>  

</body>

</html> 


반응형

'.Net Project > Jquery 1.3.2' 카테고리의 다른 글

65장 JQueryAjax Load 방식 값 전달 (PostMethod)  (0) 2009.11.13
64장 JQueryAjax 포스트 방식 값 전달 (PostMethod)  (0) 2009.11.13
62장 JQueryAjax 쿼리 스트링 값 전달 (FrmResponseData)  (0) 2009.11.13
61장 JQueryAjax XML파일 로드하기 (get)  (0) 2009.11.13
60장 JQueryAjax getScript 파일 동적 실행 (JQuery.getScript)  (0) 2009.11.13
posted by Magic_kit

티스토리툴바