javascript - Ajax ナビゲーション/ブラウザーの戻る

Question

ページをリロードせずに ajax ナビゲーションを実装する必要があります。HTML を ajax コンテナー div に書き込んでいます。ブラウザの前後のイベントを処理するソリューションはありますか。ブックマークにも追加しますか？IE 8 以降を含むすべてのブラウザーをカバーする必要があります。ありがとう

Answer 1

ブラウザの履歴は通常、ブラウザが新しいページをロードしたときにのみ更新されます。AJAX はページを置き換えないため、履歴は変更されません。

HTML5 では、Javascript が履歴を直接更新できるようにする APIhistory.pushState()とhistory.replaceState()メソッドが追加されています。AJAX コードを使用pushState()して古い URL をブラウザーの履歴に追加できるようにする必要があるため、[戻る] ボタンが機能します。詳細について は、HTML5 仕様を参照してください。

これは比較的新しいものであるため、古いブラウザではサポートされていません。クロスブラウザー アプリケーションにjQuery BBQ Pluginを使用できます。