Blog Content

    티스토리 뷰

    62.jQuery - post 방식으로 서버에 데이터 전송 및 출력하기 ( 09.Ajax )

    반응형
    07.postMethod.htm

    <head>

       <title>post 방식으로 서버에 데이터 전송 받기</title>

     

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

     

       <script type="text/javascript">

           $(document).ready(function(){

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

                    $.post("05.FrmResponseData.aspx",

                    { 'Msg':'Post방식으로 전송'},

                   

                     function(data){

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

                     });

                });

           });

       </script>

     

    </head>

    <body>

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

       <div id="pnlDisplay">

           여기에 출력

       </div>

    </body>

    </html>


    결과화면

    [그림62-1]



    반응형

    Comments