$('id or class).load('url', params, callback)
Url : 서버측 언어 url
parameters : 매개변수
- 쿼리스트링
callback : 콜백함수
| 01.jQuery.load.htm |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head>
<title>동적으로 원격 페이지 로드</title>
<script src="../jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{ $("#btn
.btnLoad").click(function()
{ //원하는 레이어에(ctlGrid)에 로드해라 : 비동기적으로 페이지 로드 = 인클루드 함 $('#ctlGrid').load("01.HtmlSamplePage.htm"); window.alert("이 메시지는 먼저 출력됨. Why? 비동기.");
//메시지박스가 먼저 출력 가능 });
});
</script> </head> <body>
<div id="btn">
<div class="btnLoad">HTML읽어오기 버튼</div>
</div>
<div id="ctlGrid">
</div> </body> </html> |
| 01.HtmlSamplePage.htm |
|
<div>
<h3>샘플 페이지</h3>
<div> 샘플 페이지입니다.
</div> </div> |
| 결과화면 |
[그림56-1] 코드상에서 페이지 로드가 먼저 있지만 비동기적으로 메시지박스가 먼저 출력됩니다. load메서드가 실행되는 동안 메세지박스가 먼저 실행됩니다. 내부적으로 실행 될 때 다른 명령어가 실행가능 |
01.HtmlSamplePage.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 58.jQuery - jQuery.getScript ( 09.Ajax ) (0) | 2009.11.13 |
|---|---|
| 57.jQuery - getJSON ( 09.Ajax ) (1) | 2009.11.13 |
| 55.jQuery - 워터마크 텍스트박스 ( 13.Sample ) (0) | 2009.11.12 |
| 54.jQuery - 트리뷰 컨트롤 ( 13.Sample ) (0) | 2009.11.12 |
| -- 현재 까지의 jQuery 소스6 -- (0) | 2009.11.12 |
Comments