Cliquer sur un lien met à jour l’URL mise ne recharge pas la page

[ad_1]

Salut tout le monde,

Je vois cela sur de plus en plus de sites Web : vous cliquez sur un lien et l’URL dans le navigateur devient la valeur définie pour la partie href du lien, mais le navigateur ne recharge pas la page. Je sais comment cela peut être fait avec JavaScript, mais cela ne semble pas être le cas ici :

https://123-movies.gy/tv/batman-beyond-39206.63720

Essayez de cliquer sur un autre épisode et voyez les chiffres à la fin du changement d’URL.

Comment y parviennent-ils ? Quand je regarde le code HTML, on dirait qu’il s’agit simplement d’un lien href normal – le genre qui rechargerait normalement la page entière. Et quand j’ai dit que je savais comment le faire avec JavaScript, ce n’est pas tout à fait exact, car lorsque je fais cela, j’ajoute simplement un écouteur d’événement de clic à un bouton (ou à tout autre chose qu’un lien a-href) et je ne peux que mettre à jour les en-têtes de requête GET (les éléments après le ? dans l’URL).

Est-ce que cela peut être fait uniquement avec du HTML ? Sinon, quel serait un exemple JavaScript simple ?

Ce que j’ai essayé :

J’ai essayé de regarder trois questions/articles différents sur ce site.

Mettre à jour les données lorsque l’utilisateur clique sur un lien, mais sans que la page soit actualisée/publiée[^]
mettre à jour l’URL du navigateur sans recharger[^]

Et
Un exemple de réécriture d’URL avec ASP.NET[^]

Solution 1

Ce que vous observez s’appelle quelque chose Routage Javascript[^]. JS dispose désormais d’un moyen d’intercepter les modifications dans l’URL et les modifications d’action à l’écran en conséquence.

Les frameworks JS frontend populaires prennent en charge le routage, tels que :

Réagir[^]
Angulaire[^]
ExpressJS[^]

[ad_2]