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


こんにちは、みんな、

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

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

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

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

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

私が試したこと:

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

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


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

解決策 1

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

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

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

コメント

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