[jQuery] ajaxStart, ajaxStop 실행 및 특정 ajax에서는 실행되지 않도록 설정

 

 

 

 

ajaxStart(), ajaxStop()

ajax 요청 시작부터 응답 완료까지 단계별로 콜백 함수가 실행된다.

ajaxStart는 ajax요청 시작 직후 실행되고, ajaxStop은 ajax응답 완료 후 성공여부와 관계없이 실행된다.

 

Global Ajax Event Handlers의 전체 콜백 함수

ajaxStart() → ajaxSend() → ajaxSuccess()/ajaxError() → ajaxComplete() → ajaxStop()

 

• ajaxStart() - ajax요청 시작 직후 최초 실행
• ajaxSend() - ajax요청 보내기 전 실행
• ajaxSuccess() - ajax요청이 성공했을때 실행
• ajaxError() - ajax요청이 에러가 났을 때 실행
• ajaxComplete() - ajax요청이 완료 되었을때 실행 (성공여부는 관계없음)
• ajaxStop() - ajax요청이 모두 완료 되었을때 실행 (성공여부는 관계없음)

 

$(function)() {
   $(document).ajaxStart(function () {
      alert("ajax start");
   });
   
   $(document).ajaxStop(function () {
      alert("ajax stop");
   });
   
   $.ajax({
   	...
   });
})

 

 

위의 경우 모든 ajax요청이 시작/종료할 때마다 ajaxStart와 ajaxStop이 실행된다.

자 그렇다면, 특정 ajax를 호출할 때 ajaxStart, ajaxStop를 실행시키지 않고싶을 경우

해당 ajax에서 global옵션에 false값을 주면 된다.

 

$.ajax({
	url: "/mypage/getName",
	type: "GET",
	dataType: "json",
	global: false, // 추가
	success: function (data) {
		console.log(data);
	},
	error: function (data) {
		console.log(data);
	}
});

 

 

 

[JavaScript] AJAX 동기식 처리 (순서대로 처리)

[jQuery] AJAX 아작스(에이잭스)