jquery - 別のページをクリックしたときにヘッダーが「リロード」されないようにするにはどうすればよいですか?

Question

私は比較的新しいウェブデザイナーです。助けてほしいと思っていた言い回しの仕方がよくわからないという質問があります。ユーザーが自分のウェブサイトの別のページをクリックしたときにヘッダーが「リロード」されないようにするにはどうすればよいか疑問に思っています。良い例は、「Invisible Creature」の Web サイトにあります (特にここ: http://www.invisiblecreature.com/#/work/all/hexapillar )。さまざまなリンクをクリックすると、ヘッダーは読み込まれたままになります (ほとんどのサイトのように「白くなる」ことはありません)。少し混乱していたらごめんなさい - 私は自分の考えを言葉にするのに苦労しています. 本当にありがとう！！:-)

Answer 1

1. 正常に動作するようにサイトを構築します (共有コンテンツのリロードを含む)
2. サイトのサーバー側の部分をセットアップして、通常のページをリクエストしたり、URI を変更してコンテンツだけをリクエストしたりできるようにします。
3. JavaScript を使用してイベント ハンドラーを設定し、リンクがアクティブ化されたときに、それがサイトの別のページまたは他の場所へのリンクであるかどうかをテストします。
4. サイトのページの場合: preventDefaultXMLHttpRequest を使用してページのコンテンツをフェッチし、DOM を使用してページのコンテンツ セクションを新しいコンテンツに置き換えます。
5. pushStateURL を、リンク先の URL に変更するために使用します。
6. popstateユーザーが [戻る] を押したときに適切なコンテンツが表示されるように、イベント ハンドラーを設定します。

ブラウザが XHR や pushState などをサポートしていない場合は、機能検出を使用して通常のリンクにフォールバックしてください。