F5またはリフレッシュボタンを押したときにページの一部だけをリフレッシュする方法

Question

すべてのページに共通のメニューを持つWebアプリケーションを設計しています。これにより、jqueryを使用してdiv内のメニューボタンでリンクされたコンテンツをロードすることにしました。

だから、私はこれを持っている：

 $("#AddNewProductBtn").click(function() { 
     $("#content").load("addproduct.html"); 
    }); 

は、私が "#content" divの内側に表示されたページを追跡します。ユーザーがページを更新する場合は、「#content」に同じページを読み込みます。これを行う方法はありますか、または回避策がありますか？

iframeを使ってページを読み込むウェブサイトがいくつか見えましたが、ユーザーがメニューのボタンをクリックするとURLも変更されました。私はそれを行う方法についての情報は見つかりませんでした。

おかげ

Answer 1

あなたは、＃の後に値をチェックdocument.readyに続いて

domain.com/index.php#addproduct例えば、（＃後の）URLのハッシュ部分にパラメータを追加する必要があります対応するコンテンツをロードする。

jQuery historyのようなプラグインの中には、この手法を使用するものがあります。

さらに、ブラウザでコードのローカルストレージとキャッシュ部分を利用できるため、AJAX呼び出しでコンテンツを2度目に読み込むことはありません。

Answer 2

はここで代わりにハッシュを使用して、あなたはHTML5履歴API（pushState、replaceState、およびpopstate）を使用することができ、

$(document).keydown(function(e) { 
    if (e.which == 116 || e.keyCode == 82 && e.ctrlKey) { //116 = F5 
     $("#content").load("addproduct.html"); 
     return false; 
    } 
}); 

Answer 3

またF5とCTRL + Rのためのソリューションです。基本的には、いくつかの改良点があります（1つは検索エンジンで索引付け可能です）。

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history
http://www.w3.org/TR/html5/history.html