[jQuery/Tutorial] Callback 을 잘 사용해보자.

JavaScript 는 Callback function 을 전달하기가 쉽다.

다른 function 의 argument 로 전달하면,

해당 function 의 실질적인 작업이 끝나면 callback function 이 수행된다.

<!doctype html>

<html>

<head>

</head>

<body>

<a href="http://jquery.com/">jQuery</a>

// #1 $.get( "myhtmlpage.html", myCallBack );

// #2 $.get( "myhtmlpage.html", myCallBack( param1, param2 );

// #3 $.get( "myhtmlpage.html", function(){

myCallBack( param1, param2 );

});

</script>

</body>

</html>

#1 은 argument 가 없는 myCallBack 이란 이름의 callback function 을 등록한다.

이 때 " " 를 넣어 string 화하지 않아야 하며, () 도 넣어서는 안된다.

#2 는 callback 전달이 아니라, myCallBack( param1, param2 ) 의 수행결과, 즉 return value 가 get 의 2번째 argument 로 전달되는 격이다.

#3 은 argument 를 2개 가진 callback function 을 등록한 경우이다.

참고로 $.get ( 또는 jQuery.get ) 함수는 GET method 를 이용하여 첫번째 인자로 전달된 URL 을 open 한다.

[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript (0)	2013.05.08
[DOM/Tutorial] DOM 의 event flow. ( Capture, Bubble ) (0)	2013.05.08
[jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. (0)	2013.05.08
[jQuery/Tutorial] window.onload vs. ($document).ready (0)	2013.05.08
jQuery 를 공부해야 하는 이유 ( 결심동기 ) (2)	2013.05.07

돼지왕 왕돼지 놀이터