[ad_1]
こんにちは、みんな、
これはますます多くの Web サイトで見られます。リンクをクリックすると、ブラウザーの URL はリンクの href-part が設定されているものになりますが、ブラウザーはページをリロードしません。 JavaScriptでこれを行う方法は知っていますが、ここではそうではないようです:
別のエピソードをクリックして、URL の末尾の数字が変化することを確認してください。
彼らはどのようにこれを達成しますか? HTML コードを見ると、通常の a href-link (通常はページ全体をリロードするようなもの) のように見えます。 そして、私が JavaScript でそれを行う方法を知っていると言ったとき、それは完全に正確ではありません。なぜなら、そうするとき、ボタン (または a-href-link 以外のもの) にクリック イベント リスナーを追加するだけで、 GET クエリ ヘッダー (URL の ? の後の部分) を更新します。
HTMLだけでできますか? そうでない場合、簡単な JavaScript の例は何でしょうか?
私が試したこと:
このサイトで 3 つの異なる質問/記事を見てみました。
ユーザーがリンクをクリックしたときにデータを更新しますが、ページが更新/ポストバックされることはありません[^]
リロードせずにブラウザの URL を更新する[^]
解決策 1
あなたが観察しているのは、 Javascript ルーティング[^]. JS には、URL の変更をインターセプトする方法があり、それに応じて画面上のアクションが変更されます。
一般的なフロントエンド JS フレームワークは、次のようなルーティングをサポートしています。
[ad_2]
コメント