Réécriture d'URL sans redirection

Question

J'ai un peu de mal à comprendre comment je peux changer l'URL sans rediriger la page. Par exemple, soundcloud.com ne rechargera pas la page lorsque vous sélectionnez une nouvelle chanson, mais l'URL change pour "soundcloud.com/AUTHOR/NAME". J'aimerais vraiment savoir comment cela est possible, comment ils l'ont fait. Jusqu'à présent, je sais qu'avec javascript, vous ne pouvez réécrire que les valeurs après # dans une adresse URL. Avec les règles de réécriture .htaccess, je ne suis pas sûr que vous pouvez spécifier que la page ne devrait pas recharger.

Quelqu'un peut-il me guider sur le chemin de trouver par où commencer? Merci beaucoup!

Answer 1

Jetez un oeil à pushState: https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

On suppose mozilla.org/foo.html exécute le code JavaScript suivant: var stateObj = {foo: "bar"}; history.pushState (stateObj, "page 2", "bar.html");

Cela entraînera la barre d'URL pour afficher mozilla.org/bar.html, mais ne provoquera pas le navigateur de charger bar.html ou même vérifier que bar.html existe.

Ceci ne fonctionne qu'avec les navigateurs HTML5.

Plus discussion: Modify the URL without reloading the page