jQuery Ajax 이벤트

Ajax 요청은 구독할 수 있는 여러 가지 다른 이벤트를 생성합니다.

Ajax 이벤트의 유형

Ajax 이벤트는 두 가지 유형이 있습니다：

• 로컬 이벤트

• 전체 이벤트

Ajax 로컬 이벤트

Ajax 로컬 이벤트는 Ajax 요청 객체에 구독할 수 있는 콜백입니다.

이렇게 Ajax 로컬 이벤트를 감청할 수 있습니다：

$.ajax({
　　beforeSend: function(){
　//　처리 beforeSend 이벤트
　　},
　　error: function(){
　//　처리 오류 이벤트
　　},
　　success: function(){
　//　처리 성공 이벤트
　　},
　　complete: function(){
　//　처리 완료 이벤트
　　}
});

네 Ajax 로컬 이벤트가 있습니다：

• beforeSend-요청을 전송하기 전에 실행할 함수

• error -요청이 실패할 때 실행할 함수

• success -요청이 성공할 때 실행할 함수

• complete-완료요청 후 실행할 함수(성공 및 오류 함수 후)

Ajax 전체 이벤트

Ajax 전체 이벤트는 문서에서 발생하며, 모든 감청된 처리기가 호출됩니다.

이렇게 Ajax 전체 이벤트를 감청할 수 있습니다：

$("button").click(function(){
　　$("#result").load("ajax_intro.txt");
});
$(document).ajaxComplete(function(event,　xhr,　options){
　　$("#done").append(options.url);
　　$("#done").append(xhr.status);
　　$("#done").append(event.type);
});

여섯 가지 Ajax 전역 이벤트가 있습니다：

• ajaxComplete() -Ajax 요청이 완료될 때 호출할 함수 추가

• ajaxError() -Ajax 요청이 완료되고 오류가 있을 때 호출할 함수 추가

• ajaxSend() -Ajax 요청 전에 호출할 함수 추가

• ajaxStart() -첫 번째 Ajax 요청 시작 시 호출할 함수 추가

• ajaxStop() -모든 Ajax 요청이 완료된 후에 추가로 호출할 함수

• ajaxSuccess() -Ajax 요청이 성공적으로 완료될 때마다 추가로 호출할 함수

jQuery AJAX 참조

완전한 AJAX 메서드 참조에 대해서는 우리의jQuery AJAX 참조。