history.pushState機能を使用するときに戻るボタンと進むボタンを有効にする方法は？

Question

次のコードを使用して、Webサイトのseccionを更新しています。私はwindow.history.pushStateの機能を実装することに決めました。明らかに正しく動作していますが、に戻るボタンを押すと、アドレスバーが正しい値で更新されますが、navegatorはページの内容を更新しません。

pushStateを使用している場合、ウェブブラウザの転送機能を適切に戻すにはどうすればよいですか？

ajaxPost("/URLSite", idData, function (data) { //Success 
     div.innerHTML = data.Html; 
      if (data.Url.length > 0 && window.history.pushState) 
       window.history.pushState({ "html": data.Html, "pageTitle": ' my site: ' + data.Url }, '', '/' + data.Url); 

     }, function (cod, Error) { //Error 
      var lblMsj = document.getElementById("lblMsj"); 
      lblMsj.innerHTML =" <br/> " + Error + " <br/>"; 
     },null); 

Answer 1

@SLaksです。 onpopStateに関するいくつかのドキュメントを見直し、以下のコードで問題を解決しました。

window.onpopstate = function (event) { 
    if (event.state) 
    { 
     var divMain = document.getElementById("divMain"); 
     divMain.innerHTML = event.state.html; 
     document.title = event.state.pageTitle; 
    } 
}