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

la programmation


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 :

123-movies.gy - このウェブサイトは販売用です! - 123 movies リソースおよび情報
このウェブサイトは販売用です! 123-movies.gy は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、123-movies.gyが全てとなります。あなたがお探しの内容が見つかることを願っています!

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[^]

コメント

タイトルとURLをコピーしました