Comment exécuter de manière fiable les fonctions AJAX sur BeforeUnload ?

Exécution de fonctions AJAX sur BeforeUnload

Lors du développement d'applications de chat, il est crucial de gérer avec élégance les déconnexions des utilisateurs. Une méthode consiste à exécuter une fonction AJAX lorsque l'utilisateur ferme la page pour supprimer l'entrée de base de données correspondante.

Dans le code fourni, l'événement onbeforeunload est déclenché lorsque l'utilisateur ferme la page et la fonction closeSession() est exécuté. Cette fonction tente d'envoyer une requête AJAX à chat.php pour exécuter une instruction SQL DELETE et supprimer l'entrée de l'utilisateur de la table de file d'attente. Cependant, la requête est définie sur async (valeur par défaut pour jQuery), ce qui oblige le navigateur à continuer le téléchargement sans attendre la fin de la requête.

Pour résoudre ce problème, l'option async dans les paramètres AJAX doit être définie sur FAUX. Cela oblige le navigateur à attendre la fin de la requête avant de la décharger. Cependant, il est important de noter que s'appuyer sur cette approche n'est pas toujours fiable sur différents navigateurs et versions.

Voici le code modifié avec async défini sur false :

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

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

  return "disconnected";
}</code>

En définissant async sur false, le navigateur suspendra le processus de déchargement jusqu'à ce que la requête AJAX soit terminée, garantissant ainsi que l'entrée de la base de données de l'utilisateur est supprimée lors de la déconnexion.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!