본문 바로가기
웹 개발

[자바스크립트] 페이지 떠날때 데이터 넘기기_ 페이지 이동 시 이벤트

by 배추잠자리 2022. 2. 26.
반응형

페이지 떠날 때 데이터를 날리고 싶은 경우가 있다.

 

예를 들어 페이지 이동을 했을 때 특정 데이터를 날려 이동감지를 해야하거나,

페이지를 떠날 때 해당 페이지에 얼마나 머물렀는지 등등

페이지 이동할 때 데이터를 넘겨주는 경우가 필요하곤 하다.

 

# 소스코드

window.addEventListener('unload', function() {
  navigator.sendBeacon("URL", JSON.stringify({'test': 'test'}));
});

페이지를 떠날 때 감지해서, 해당 URL에  json을 던질 수 있다.

 

 

# navigator.sendBeacon 레퍼런스 참고

Navigator.sendBeacon () - 웹 API | MDN (mozilla.org)

반응형

댓글