【解決方法】リンクをクリックすると URL が更新され、ページがリロードされない

[ad_1]

こんにちは、みんな、

これはますます多くの Web サイトで見られます。リンクをクリックすると、ブラウザーの URL はリンクの href-part が設定されているものになりますが、ブラウザーはページをリロードしません。 JavaScriptでこれを行う方法は知っていますが、ここではそうではないようです:

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

別のエピソードをクリックして、URL の末尾の数字が変化することを確認してください。

彼らはどのようにこれを達成しますか? HTML コードを見ると、通常の a href-link (通常はページ全体をリロードするようなもの) のように見えます。 そして、私が JavaScript でそれを行う方法を知っていると言ったとき、それは完全に正確ではありません。なぜなら、そうするとき、ボタン (または a-href-link 以外のもの) にクリック イベント リスナーを追加するだけで、 GET クエリ ヘッダー (URL の ? の後の部分) を更新します。

HTMLだけでできますか? そうでない場合、簡単な JavaScript の例は何でしょうか?

私が試したこと:

このサイトで 3 つの異なる質問/記事を見てみました。

ユーザーがリンクをクリックしたときにデータを更新しますが、ページが更新/ポストバックされることはありません[^]
リロードせずにブラウザの URL を更新する[^]


ASP.NET を使用した URL 書き換えの例[^]

解決策 1

あなたが観察しているのは、 Javascript ルーティング[^]. JS には、URL の変更をインターセプトする方法があり、それに応じて画面上のアクションが変更されます。

一般的なフロントエンド JS フレームワークは、次のようなルーティングをサポートしています。

反応する[^]
角度[^]
ExpressJS[^]

[ad_2]

コメント

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