ajax - jQuerypushStateと共有ヘッダー/フッターを使用した動的URL

Question

私は小さなウェブサイトの取り組みに取り組んでおり、jQuery+ajaxを使用して情報を動的にロードしようとしています。今のところ、私はホームページ〜/ homeとプロフィールページ〜/profileを持っています。これらの2つのページは同じヘッダーとフッターを共有し、最初にヘッダー、次にページ、次にフッターをロードします。ページを切り替えるときは、ページdivを別のhtmlに置き換えるだけです。ただし、ここでの問題は、〜/ profileに移動してロードすると、ページdivコンテンツを含むhtmlページがロードされるだけであるということです。

基本的に、システム上で任意のリンクに移動し、すべてを各ファイルにハードコーディングせずに個別のヘッダーファイルとフッターファイルをロードすることをブラウザーに知らせるための良い提案があるかどうか疑問に思っています。ある種のPHP/フレームワークが関係していると思いますが、CodeIgniterで作業したのは、非常に経験の浅いものだけです。

ここからのこのスニペットは有望に見えました：CodeIgniter + jQuery（ajax）+ HTML5 pushstate：どうすれば実際のURLでクリーンなナビゲーションを作成できますか？

if (!$this->input->is_ajax_request())
    $this->load->view('header');

$this->load->view('your_view', $data);

if (!$this->input->is_ajax_request())
    $this->load->view('footer');

私の唯一の質問は、ドメイン上のリンクをインターセプトしてヘッダーとフッターを読み込むコントローラーを設定する方法です。ヘッダーファイルには、ajaxを介して中央に読み込むページを認識しているリンクされたjsファイルが含まれています。