BeforeUnload에서 AJAX 기능을 안정적으로 실행하는 방법은 무엇입니까?

BeforeUnload에서 AJAX 함수 실행

채팅 애플리케이션을 개발할 때 사용자 연결 끊김을 적절하게 처리하는 것이 중요합니다. 한 가지 방법은 사용자가 페이지를 닫을 때 AJAX 함수를 실행하여 해당 데이터베이스 항목을 제거하는 것입니다.

제공된 코드에서는 사용자가 페이지를 닫을 때 onbeforeunload 이벤트가 트리거되고 closeSession() 함수가 실행됩니다. 이 함수는 SQL DELETE 문을 실행하고 대기열 테이블에서 사용자 항목을 제거하기 위해 chat.php에 AJAX 요청을 보내려고 시도합니다. 그러나 요청이 비동기(jQuery의 기본값)로 설정되어 있어 요청이 완료될 때까지 기다리지 않고 브라우저가 계속 언로드됩니다.

이 문제를 해결하려면 AJAX 설정의 비동기 옵션을 다음으로 설정해야 합니다. 거짓. 이렇게 하면 브라우저는 언로드하기 전에 요청이 완료될 때까지 기다리게 됩니다. 그러나 이 접근 방식에 의존하는 것이 다양한 브라우저와 버전에서 항상 신뢰할 수 있는 것은 아니라는 점에 유의하는 것이 중요합니다.

다음은 비동기가 false로 설정된 수정된 코드입니다.

<code class="js">window.onbeforeunload = closeSession;

function closeSession() {
  $.ajax({
    url: "/chat/process/chat.php",
    type: "GET",
    async: false,
  });

  return "disconnected";
}</code>

비동기를 설정하여 false로 설정하면 브라우저는 AJAX 요청이 완료될 때까지 언로드 프로세스를 일시 중지하여 연결이 끊어지면 사용자의 데이터베이스 항목이 제거되도록 합니다.

위 내용은 BeforeUnload에서 AJAX 기능을 안정적으로 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!