Comment détecter si l'URL a changé après un hachage en JavaScript ?

Question

Comment puis-je vérifier si une URL a changé en JavaScript ? Par exemple, des sites Web comme GitHub, qui utilisent AJAX, ajouteront des informations sur la page après un symbole # pour créer une URL unique sans recharger la page. Quel est le meilleur moyen de détecter si cette URL a changé ?

• Est-ce que le onload L'événement est rappelé ?
• Y a-t-il un gestionnaire d'événement pour l'URL ?
• Ou faut-il vérifier l'URL toutes les secondes pour détecter un changement ?

Answer 1

window.addEventListener("beforeunload", function (e) {
    // do something
}, false);

Answer 2

Vous commencez un nouveau setInterval à chaque appel, sans annuler le précédent - probablement que vous vouliez seulement avoir une setTimeout

Answer 3

Profitez-en !

var previousUrl = '';
var observer = new MutationObserver(function(mutations) {
  if (location.href !== previousUrl) {
      previousUrl = location.href;
      console.log(`URL changed to ${location.href}`);
    }
});

Answer 4

Une autre façon simple de procéder consiste à ajouter un événement de clic, par le biais d'un nom de classe, aux balises d'ancrage de la page afin de détecter le moment où elles ont été cliquées. Vous pouvez alors utiliser window.location.href pour obtenir les données de l'URL que vous pouvez utiliser pour lancer votre requête ajax vers le serveur. Simple et facile.