\'beforeunload\' 이벤트에서 Ajax 함수를 실행하는 방법은 무엇입니까?

언로드 전 Ajax 함수 실행

웹 개발 시나리오에서는 페이지가 언로드되기 전에 특정 작업을 수행해야 하는 경우가 많습니다. 데이터베이스에서 행을 삭제하는 것과 같습니다. 이 기사에서는 브라우저의 "beforeunload" 이벤트에서 Ajax 기능을 실행하기 위한 솔루션을 제공하고 Ajax 요청의 기본 비동기 특성을 극복하는 방법을 보여줍니다.

제공된 코드 조각은 JavaScript를 사용하여 "beforeunload" 이벤트 핸들러를 초기화합니다. "closeSession" 함수를 호출합니다. 이 함수 내에서 Ajax 요청은 jQuery를 사용하여 PHP 스크립트에 GET 요청을 보냅니다. 그러나 기본적으로 비동기식으로 설정되어 있기 때문에 Ajax 요청이 데이터베이스 행 삭제를 트리거하는 데 성공하지 못했습니다.

이 문제를 해결하기 위해 PHP 스크립트에는 "DELETE" 문을 실행하여 제거하는 쿼리 문자열이 포함되어 있습니다. "대기열" 테이블의 해당 행. jedoch, 브라우저의 "beforeunload" 이벤트는 비동기 프로세스가 실행되기 전에 완료될 때까지 기다리지 않습니다.

이 문제를 해결하기 위한 한 가지 해결책은 Ajax 설정에서 "async" 옵션을 "false"로 설정하여 브라우저는 언로드 프로세스를 계속하기 전에 Ajax 요청이 완료될 때까지 기다립니다. 이렇게 하면 일부 브라우저에서 문제가 해결될 수 있지만 모든 브라우저에서 일관된 동작을 보장할 수는 없습니다.

"beforeunload" 이벤트 및 Ajax 요청을 처리하는 대체 접근 방식은 다음 링크의 토론을 참조하세요.

http://api.jquery.com/unload/#dsq-comment-body-132164390

위 내용은 \'beforeunload\' 이벤트에서 Ajax 함수를 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!