js_javascript 기술에서 onload 및 onunload를 사용하는 예

소개:
이번 주말에는 할 일이 없어서 예전에 만들었던 B2C 전자상거래 플랫폼이 아직 완벽하지 않은 부분이 있어서 개선할까 생각을 하게 되었습니다. 문제는 이것이다. 전자 상거래에서는 전체 쇼핑 과정에서 내가 가지고 있는 제품을 세션에서 가져올 수 있도록 세션에 장바구니를 배치하는 시나리오가 플랫폼에 있습니다. 특정 종류의 장바구니는 데이터베이스에서 줄어들게 되는데, 창을 닫으면 세션의 장바구니 모델에 있는 상품의 수량을 데이터베이스에 어떻게 추가할 수 있나요? GOOGLE 및 Baidu에서 내가 받은 첫 번째 메시지는 다음과 같습니다. 자동으로 창을 닫습니다. 세션을 지웁니다. 그래서 내가 찾은 첫 번째 방법은 태그에 onunload 속성을 사용하고 다음과 같은 특정 js를 호출하는 것이었습니다. onunload="close()"> 이 메소드는 창이 닫힐 때 close() 이벤트를 트리거하므로 close() 메소드에서 Session을 삭제하는 메소드를 정의할 수 있습니다...
하지만 이것은 아닙니다. 이 페이지를 새로고침하고 이 페이지의 링크를 클릭하면 Onunload가 실행되므로 다시 GOOGLE로 이동하여 Baidu에서 검색하면 얻은 답변은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

< script>window.onunload = function(){if(self.screenTop> 9000)alert('이 창은 닫혔습니다!')}

또는
< script>window.onunload = function(){if(self.screenLeft> 9000)alert(창이 닫혔습니다!.')}



설명:

window.screenTop
왼쪽 상단의 y 좌표를 가져옵니다. 화면의 왼쪽 상단 모서리를 기준으로 한 브라우저 클라이언트 영역의 모서리
screenTop> 다음 숫자는 디스플레이 해상도의 높이보다 커야 합니다.
예를 들어 800* 600이면 이 숫자는 600보다 커야 합니다.
window.screenLeft
화면의 왼쪽 상단을 기준으로 브라우저 클라이언트 영역의 왼쪽 상단의 x 좌표를 가져옵니다.
screenLeft> 다음 숫자는 디스플레이 해상도의 너비보다 커야 합니다.
예를 들어 800*600이면 이 숫자는 800보다 커야 합니다

보통 이 두 값은 9000으로 설정됩니다
그래서 위의 방법을 사용하여 onunload 이벤트만 발생하도록 했습니다. 페이지가 닫힐 때 트리거됩니다.


요약:
① onunload 속성을 사용할 때 Ajax를 사용하여 Session을 지우거나 window.location.href를 사용하여 무엇을 요청할 것인지 등의 요청을 트리거할 수 있습니다. 여기서는 struts2를 사용하여 closeWindow.action에 대한 요청 세션에서 장바구니에 있는 항목을 처리하고 해당 수량을 데이터베이스에 추가합니다. ② 여기서도 요청을 처리하기 위해 Ajax가 있지만 실제로는 세션만 처리하면 됩니다. 세션 정보 이후에 비동기 반환을 처리해야 하므로 여전히 요청을 트리거하는 방법을 사용합니다.

코드 복사 코드는 다음과 같습니다. onunload="javascript:if(self.screenTop>9000) window.location.href='${ pageContext.request.contextPath }/cart/closeWindow.action';"> ;