[JQuery-Ajax] .load()를 통한 Ajax 이용 > script

 
$(document).ready(function(){
	$(‘#btn’).click(function(){
		$(‘#ajaxDiv’).load(‘sub/aaa.html’);
		return false;
	});	
});

설명 : btn 이라는 ID를 가진 앨리먼트를 클릭할 경우,

'sub/aaa.html'페이지를 호출하여 출력되는 내용을 'ajaxDiv' ID를 가진 <div>에 출력한다.

GET 방식

 
$(document).ready(function(){
	$(‘#btn’).click(function(){
                $.get('a.jsp', {'param1' : '파라미터내용1', 'param2' : '파라미터내용2'}, function(data){
                    $(‘#ajaxDiv’).load(‘sub/aaa.html’);
                });
		return false;
	});	
});

POST 방식

 
$(document).ready(function(){
	$(‘#btn’).click(function(){
                $.post('a.jsp', {'param1' : '파라미터내용1', 'param2' : '파라미터내용2'}, function(data){
                    $(‘#ajaxDiv’).load(‘sub/aaa.html’);
                });
		return false;
	});	
});

a.jsp?param1=파라미터내용1¶m2=파라미터내용2 형식으로 호출됨