| 06.getMethod.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>get 방식으로 서버에 데이터 전송 및 받기</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $('#btn').click(function() { $.get( "05.FrmResponseData.aspx",//[1] 서버측 스크립트 언어 : ASP.NET, JSP, PHP {'Msg': $(this).val()
}, //[2]
쿼리스트링 : ?키=값&키2=값2 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> |
| 결과화면 |
[그림61-1] |
| 추가 설명 |
$.get(
"05.FrmResponseData.aspx",
//1. 해당페이지를 불러오고
{'Msg':
$(this).val() }, //2. 여기의 결과값을
function(data) { //3. data에 넣고
$('#pnlDisplay').html(data); //4.이곳에 받아온 결과값을 뿌린다.
} ); //end $.get() |
06.getMethod.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 63.jQuery - load방식으로 서버에 데이터 전송 및 출력 ( 09.Ajax ) (3) | 2009.11.13 |
|---|---|
| 62.jQuery - post 방식으로 서버에 데이터 전송 및 출력하기 ( 09.Ajax ) (0) | 2009.11.13 |
| 60.jQuery - ResponseData ( 09.Ajax ) (0) | 2009.11.13 |
| 59.jQuery - XML 데이터 읽어오기 ( 09.Ajax ) (0) | 2009.11.13 |
| 58.jQuery - jQuery.getScript ( 09.Ajax ) (0) | 2009.11.13 |
Comments