履歴APIを使用して読み込まれた最初のページに戻る方法を教えてください

Question

ここには非常に単純な解決策がありますが、私は最良のアプローチを考えることはできません。私はHistory APIを利用するHistory.jsを使用しています。

<div ="header"> 
    Header 
</div> 
<div id="content"> 
    Content 
</div> 
<div id="footer"> 
    Footer 
</div> 

私はAJAXを処理してきた方法は、新しいHTMLと#contentの内容を置き換えるためにされて呼び出します。私は次のページで始めるとしましょう。たとえば、私は "コンテンツ2"と言うテキストを読み込みます。このことは私がで終わるので、＃ヘッダーと#footerを含み、完全な最初のページ（にロードしようとしているため、ユーザが戻って、彼らが自分のサイトにヒット最初のページに移動するまで、すべてが素晴らしい作品：

<div ="header"> 
    Header 
</div> 
<div id="content"> 
    <div ="header"> 
    Header 
    </div> 
    <div id="content"> 
    Content 
    </div> 
    <div id="footer"> 
    Footer 
    </div> 
</div> 
<div id="footer"> 
    Footer 
</div> 

私はこの問題を回避するために、私のページを構築するためのより良い方法があると知っているが、私はそれが何であるかを見つけ出すように見えることはできませんここで私が使用しているコードです：。

(function(window,undefined){ 
    var 
    History = window.History, 
    State = History.getState(); 

    History.Adapter.bind(window,'statechange',function(){ 
    var State = History.getState(); 
    $.ajax({ 
     url: History.getState().url, 
     cache: false 
    }).done(function(html) { 
     $("#content").html(html); 
    }); 
    }); 
})(window); 

にする適切な方法上の任意のアイデアは、これを処理する？

Answer 1

<?php 

    $is_ajax = isset($_SERVER['HTTP_X_REQUESTED_WITH']) && ($_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest'); 

    if ($is_ajax) { 
     // Give the content 
    } else { 
     // Give a full page 
    } 

?>