jQuery | AJAX 요청시 실행되는 이벤트 핸들러 정리

이번에 회사에서 AJAX 요청시 이벤트 핸들러를 사용해서, 
클라이언트에서 Exception및 인증로직을 추가해보았는데요!
유용한 함수인 것 같아서, 정리해보려합니다!

 

 

ajaxSend()

• AJAX 요청이 발생하기 직전에 실행되는 이벤트 핸들러를 등록합니다. 
• 이 함수를 사용하여 모든 AJAX 요청에 대한 공통된 전처리 작업을 수행할 수 있습니다. 
• EX) 모든 요청에 인증 헤더 추가, 로딩 표시기 표시 등의 작업 수행 

ajaxStart()

• AJAX 요청이 시작될 때 실행되는 이벤트 핸들러를 등록합니다.
• 이 함수를 사용하여 AJAX 요청이 시작될 때 특정 작업을 수행할 수 있습니다. 
• EX) 페이지 로딩 표시기 활성화 등 작업 수행

ajaxStop()

• AJAX 요청이 모두 완료되었을 대 실행되는 이벤트 핸들러를 등록합니다. 
• 이 함수를 사용하여 AJAX 요청이 모두 완료된 후 특정 작업을 수행할 수 있습니다. 
• EX) 페이지 로딩 표시기 비활성화 등 작업 수행

ajaxError()

• AJAX 요청이 실패했을 때 실행되는 이벤트 핸들러를 등록합니다.
• 이 함수를 사용하여 AJAX 요청이 실패했을 때 오류를 처리하거나, 
• 사용자에게 메세지를 표시하는 등의 작업을 수행할 수 있습니다. 

ajaxSuccess()

• AJAX 요청이 성공했을 때 실행되는 이벤트 핸들러를 등록합니다. 
• 이 함수를 사용하여 AJAX 요청이 성공했을 때 특정 작업을 수행할 수 있습니다. 
• EX) 응답 데이터 처리, 페이지 업데이트 등의 작업 수행 

 

이와 같은 작업을 수행하면서, 
생각지 못한, 버그들이 있었는데, 
이 블로그 내용도 참고해보세요 ^0^
https://yujin-17.tistory.com/entry/jQuery-%EB%AC%B8%EC%84%9C-%EA%B0%9D%EC%B2%B4%EA%B0%80-%EC%99%84%EC%A0%84%ED%9E%88-%EB%A1%9C%EB%93%9C%EB%90%98%EC%97%88%EC%9D%84-%EB%95%8C-%EC%8B%A4%ED%96%89%EB%90%98%EA%B2%8C-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95