jQuery에서 ajax 간단히 구현하기 ($.get과 $.post)

$.get과 $.post

 

정말 간단하게 ajax를 사용하고 싶을 때 사용 할 수 있는 간소화된 함수이다.

 

<script>
	$.get("somepage.php"+someParameter,function(data){
		$( ".result" ).html( data );
		alert( "Load was performed." );
	});
</script>

 

별로 설명 할 것이 없을만큼 사용법이 간단한다. $.get()안에 ajax로 접근하고자 하는 페이지를 적어 준다. 그냥 페이지 내용만 로드하고 싶은 경우엔 $.get("abc.php")라고 해 주면 되고 파라미터를 넘길 때에는 예제에서 한 것과 같은 방법으로 넘겨도 되고 정석대로 하려면 JSON 배열형태로 넘겨 줘야 한다. 아래의 두 예제는 정확히 같은 기능을 한다.

 

<script>
	var someParameter = "?no=1&name=abc";
	$.get("somepage.php"+someParameter,function(data){
		$( ".result" ).html( data );
		alert( "Load was performed." );
	});
</script>

<script>
	$.get( "somepage.php", { no: "1", name: "abc" } ).done(function(data) {
		$( ".result" ).html( data );
		alert( "Load was performed." );
	});
</script>

 

$.post 함수도 사용법이 정확히 같다. 하지만 +someParameter로 넘겨 줄 수 있었던 건 같은 $.get은 어짜피 get방식이기 때문에 저렇게 해도 상관이 없었던 것이지만 $.post는 무조건 아래쪽 방법으로 해야 한다.

 

<script>
	$.post( "somepage.php", { no: "1", name: "abc" } ).done(function(data) {
		$( ".result" ).html( data );
		alert( "포스트는 무조건 이대로!" );
	});
</script>

 

$.get과 $.post는 ajax로 정말 간단한 동작을 구현하고자 할때 많이 쓰인다. 보통 쿼리를 업데이트 하고 success인지 fail인지 받아오는 정도로 쓰는 경우가 많다. 물론 더 무거운 작업이라고 수행하지 못하란 법은 없지만 이를 위해서 좀 더 많은 기능을 하진 $.ajax 함수가 존재하니 용도에 맞게 사용하는게 더 좋다.