[jQuery] ajax 전역 이벤트(Ajax Global Event)

ajax를 이용하여 개발을 진행하다보면 전체 ajax 구문에 대하여 동일한 이벤트 핸들러를 등록해야 할때가 종종 발생한다.

예를 들면 ajax가 시작될때 로딩바를 넣는다던지, ajax와 완료되면 alert 메제시를 보여준다던지 할 때 사용될 수 있다.

ajax 전역 이벤트는 아래와 같다.

- ajaxStart

    : ajax 시작시

- ajaxSend

    : ajax 전송시

- ajaxSuccess

    : ajax 성공시 (응답코드 200 일때)

- ajaxError

    : ajax 에러시 (응답코드 오류일때)

- ajaxComplete

    : ajax 완료시

- ajaxStop

    : ajax 정지시

적용하고자 하는 문서에 사용할 경우 아래와 같이 적용 할 수 있다.

<script type="text/javascript" language="javascript">
$(document)
.ajaxStart(function() {
	alert("로딩바 보여주기");
}).ajaxComplete(function() {
	alert("로딩바 감추기");
}).ajaxError(function() {
	alert("에러났어요. 로딩바 감춰요.");
});
</script>

나같은 경우 전 페이지내에 공통적으로 삽입되는 include 파일에 해당 구문을 삽입하여 사용하는 편이다.