jQuery | javascript | CSS
63.jQuery - load방식으로 서버에 데이터 전송 및 출력 ( 09.Ajax )
Godffs
2009. 11. 13. 12:05
반응형
| 08.loadMethod.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>load 메서드로 서버에 데이터 전송 및 받기</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $('#btn').click(function() { $('#pnlDisplay').load("05.FrmResponseData.aspx",
{ 'Msg': $(this).val()
}); });
});
</script> </head> <body>
<input type="button" id="btn" value="서버로부터 HTML 가져오기" />
<div id="pnlDisplay">
여기에 출력
</div> </body> </html> |
| 결과화면 |
[그림63-1] |
| 기타설명 |
| 패널디스플레이 패널에 바로 로드시킴 실행결과를 대신 맵을 서버로 부터 값을 전송하고 현재시간을 출력 차이점 $에 어디에 로드 매서드를 지정($('#pnlDisplay')) |
08.loadMethod.htm반응형