ajaxStart, ajaxEnd

sujeong kim·2021년 7월 7일
0

jQuery에서 전역적으로 ajax를 실행할 때, 공통적으로 실행하고 싶은 것을 콜백 함수에 적어주면 됩니다.

ajaxStart

ajax 시작하면 호출되는 함수입니다.
무조건 document에 연결하여 사용해야 합니다.

ajaxEnd

ajax가 성공하든 실패하든 호출되는 함수입니다.
무조건 document에 연결하여 사용해야 합니다.

$(document).ajaxStart(function(){
  $('#Progress_Loading').show();
}).ajaxStop(function(){
  $('#Progress_Loading').hide();
});

ajaxStart, ajaxEnd를 무시하고 싶은 경우

해당 ajax에서 async: false 옵션 혹은 global: false 옵션을 넣어주면 됩니다.

$.ajax({
  type : "POST",
  url : "/service/reservation",
  data : {
    userName: reservationData.name,
    branchId : reservationData.branchId,
    counselPhoneNumber : reservationData.phoneNumber,
    counselDttm : reservationData.counselDttm
  },
  async : false,
  global: false,
  success : function(data) {},
  error : function() {}
});
profile
개발자

0개의 댓글