Ajax

jQuery load() 함수를 사용하는 경우

$(document).ready(function(){
	$('#aside a').click(function  (e) {
		// a link 기능 중지
		e.preventDefault();
		
		var url=$(this).attr('href');
		
		// page 전체 불러오는 경우
		// $('#subConts').load(url);

		// page의 일부를 불러오는 경우, 현재의 경우 #subConts라는 div 내용만 불러 온다.
		$('#subConts').load(url +' #subConts');
		
		// return false;  -- a link 기능 중지시키는 또다른 방법
	})
});
						

상기 소스를 잠시 보면,
id가 aside인 측면 메뉴의 a link를 클릭했을 경우, jQuery load()를 호출하고 연결 링크는 a link의 href 값을 따른다.
불러와진 페이지는 본 페이지 #subConts라는 div 내에 나타나게 된다.
페이지의 일부만을 불러와야 할 경우에는 url +' #subConts' 와 같은 방식을 사용한다. 호출 url 내에 #subConts라는 페이지를 호출하고 있다.