반응형 웹 개발10 [자바스크립트] 페이지 떠날때 데이터 넘기기_ 페이지 이동 시 이벤트 페이지 떠날 때 데이터를 날리고 싶은 경우가 있다. 예를 들어 페이지 이동을 했을 때 특정 데이터를 날려 이동감지를 해야하거나, 페이지를 떠날 때 해당 페이지에 얼마나 머물렀는지 등등 페이지 이동할 때 데이터를 넘겨주는 경우가 필요하곤 하다. # 소스코드 window.addEventListener('unload', function() { navigator.sendBeacon("URL", JSON.stringify({'test': 'test'})); }); 페이지를 떠날 때 감지해서, 해당 URL에 json을 던질 수 있다. # navigator.sendBeacon 레퍼런스 참고 Navigator.sendBeacon () - 웹 API | MDN (mozilla.org) 2022. 2. 26. Ajax 로딩바 구현하기_ 스프링, 장고,자바스크립트,ajax 로딩바, 프로그래스바 비동기 통신을 하다보면 보편적으로 ajax를 제일 많이 사용할거라 생각됩니다. 물론 axios통한 비동기 처리도 많겠구용. 이 글은 ajax 통신을 하면서 소요시간에 따른 로딩바를 적용하는 방법입니다. 복붙할 수 있는 소스는 하단에 있습니다. 해당 파일은 HTML 기반이으로, jsp인 경우에는 jstl 라이브러리나 태그를 잘 설정해주세요~ ■ 로딩바 파일 프로젝트 안에 삽입하기 무료로 제공되는 로딩.gif 입니다. 로딩바 샘플파일이 따로 없으면 위의 파일을 다운받아 리소스 파일에 넣어주세요. ■ 테스트 페이지 만들기 [ 소스코드는 하단에 첨부되어있습니다. ] 로딩바 테스트를 할 수 있는 테스트 페이지 작성하기. 로딩div 안에 img 태그에는 로딩바.gif 경로를 넣어주면 됩니다. ■ 로딩바 div에 c.. 2021. 12. 29. 이전 1 2 3 다음 반응형
