📒솜이노트

# jQuery를 통해 Ajax 요청 시 전역 로딩스피너 제어 방법

💡이슈필요할때마다 로딩스피너를 추가하고.. ajax요청이 complete되면 꺼지게 했더니다른 요청과 동시에 있을때 타이밍이 겹쳐서 아직 내부 ajax가 끝나지 않았는데 스피너가 사라지는 현상이 생겼다. 해결 전략“모든 Ajax가 끝났을 때만 로딩을 끄는” 전역 이벤트를 써야 함.jQuery에는 이걸 위해ajaxStart / ajaxStop 이벤트가 있다.해결 코드$(document).ready() 밖(공용 JS — 예: layout.js)에 딱 한 번 추가하면 된다.// 모든 Ajax 요청이 시작되면 로딩 표시$(document).ajaxStart(function () { $("body").addClass("loading");});// 모든 Ajax 요청이 끝나면 로딩 해제$(document)...