フェイスブックに興味津々です。これらは私の質問です。
- コンテンツと本文がリロードされているのに、ページの Facebook ヘッダーがリロードされないのはなぜですか?
- Facebook ページを作成する際に、php、javascript、ajax 以外に使用されるプログラミング言語またはスクリプト言語はありますか?
回答ありがとうございます。
Facebook がこれをどのように実装しているかは正確にはわかりませんが、サイトの一部 (HTML) のみを更新するために、ある種の pushState と AJAX を使用していると思います。
PushStateは閲覧履歴に使用され、Web ページを機能させ、ページ全体をリロードする場合とまったく同じように動作させます。ブラウザーのアドレス バーのアドレスを変更し、ユーザーが通常のページの読み込みと同じように、ブラウザーの [戻る] ボタンと [進む] ボタンを使用できるようにします。ユーザーは違いを見分けることができません。
AJAXは、バックグラウンドで新しいコンテンツを取得し、通常の AJAX 呼び出しのようにページをリロードせずに DOM/HTML を更新するために使用されます。ヘッダーとフッターをロードせずにナビゲーションを使用すると、更新されるページ固有のコンテンツを含む div を作成できます。
例:
ナビゲーション リンクをクリックすると、バックグラウンドで AJAX 呼び出しを使用して #content div からのみコンテンツがリロードされます。
<html>
<head></head>
<body>
<header>
<nav>
<a href="/page1">Page 1</a>
<a href="/page2">Page 2</a>
</nav>
</header>
<div id="content">
page content
</div>
<footer>
footer content
</footer>
</body>
<html>
これは、たとえばjQuery プラグインPJAXを使用して非常に簡単に実行できます。実装とダウンロードの詳細については、 GitHub ページを参照してください。
注: これは IE 9 では機能しません (ただし、IE 10 では機能するはずですが、私はこれを自分で試したり確認したりしていません)。ページ全体のリロード。