안정적인 브라우저 창 닫기 정리를 위해 'onbeforeunload'에서 AJAX 기능을 실행하는 방법은 무엇입니까?

onbeforeunload에서 AJAX 함수 실행

채팅 애플리케이션을 개발할 때 사용자가 채팅 애플리케이션을 닫을 때 정리 작업을 수행해야 하는 경우가 종종 있습니다. 브라우저 창. 하지만 window.onbeforeunload 이벤트가 비동기적으로 실행되기 때문에 페이지가 언로드되기 전에 AJAX 호출을 실행하기가 어렵습니다.

이 문제를 해결하려면 AJAX 설정에서 async: false를 명시적으로 설정하는 것이 좋습니다. 이렇게 하면 브라우저는 페이지를 언로드하기 전에 AJAX 요청이 완료될 때까지 기다리게 됩니다. 그러나 이는 모든 브라우저에서 지원되지 않을 수 있다는 점에 유의하는 것이 중요합니다.

제공된 코드의 조정된 버전은 다음과 같습니다.

<code class="javascript">window.onbeforeunload = closeSession;
function closeSession(){
    $.ajax({
        url: "/chat/process/chat.php",
        type: "GET",
        async: false // Force synchronous execution
    });
    return "disconnected";
}</code>

PHP 코드에서 삭제 쿼리는 다음과 같습니다.

<code class="php">$delete= "DELETE FROM queue WHERE id = " . $_SESSION['CHAT_QUEUE_ID'];
// query, etc</code>

AJAX 요청에서 async를 false로 설정하면 페이지가 언로드되기 전에 데이터베이스 행이 삭제되어 원하는 정리 기능을 제공할 수 있습니다.

위 내용은 안정적인 브라우저 창 닫기 정리를 위해 'onbeforeunload'에서 AJAX 기능을 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!