반응형
| 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반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 65.jQuery - getScript 대체 ajax ( 09.Ajax ) (0) | 2009.11.17 |
|---|---|
| 64.jQuery - 폼에 있는값을 서버로 전송하기 ( 09.Ajax ) (0) | 2009.11.13 |
| 62.jQuery - post 방식으로 서버에 데이터 전송 및 출력하기 ( 09.Ajax ) (0) | 2009.11.13 |
| 61.jQuery - get방식으로 서버에 데이터 전송 및 출력하기 ( 09.Ajax ) (0) | 2009.11.13 |
| 60.jQuery - ResponseData ( 09.Ajax ) (0) | 2009.11.13 |
Comments