Maison >interface Web >js tutoriel >Comment puis-je modifier une URL sans recharger la page ?

Comment puis-je modifier une URL sans recharger la page ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-21 17:29:10913parcourir

How Can I Change a URL Without Reloading the Page?

Modifier l'URL sans rechargement de la page

Problème :

Est-il possible de modifier l'URL de la page actuelle sans déclencher une page actualiser ?

Objectif :

Accéder et modifier la partie de l'URL après le nom de domaine, à l'exclusion du hachage (#).

Solution :

Window.history.pushState()

Les navigateurs modernes prennent en charge pushState() méthode, qui permet de manipuler l'historique du navigateur sans recharger le page.

Mise en œuvre :

  1. Mettre à jour le contenu de la page (par exemple, via AJAX).
  2. Définir le chemin de l'URL à l'aide de la fenêtre .history.pushState() et l'urlPath souhaité.
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn