ajax呼び出しを使用するときのブラウザのバックボタンの問題

Question

ajax（正確にはMicrosoftの更新パネル）を介して取得される検索結果のリストがあります。問題は、Webブラウザのバックボタンを使用して、Ajaxをフェッチした前のリストに戻ることができないことです。アイデアはありますか？

おかげ

Answer 1

だ、URLに何かを追加。

function getAjaxResource(id) { 
    // some ajax stuff 
    window.location.hash = 'resource=' + id; 
} 

次に、javascriptのsetInterval関数を使用してウォッチャーをハッシュに追加する必要があります。

var hash = window.location.hash; 
window.setInterval(function() { 
    if (window.location.hash != hash) { 
    hash = window.location.hash; 
    getAjaxResource(hash.replace('resource=','')); 
    } 
},100); 

ユーザーが戻る/進むをクリックするたびにハッシュが変更され、ウォッチャーがその変更を選択します。

Answer 2

はpage.html#state1、page.html#state2などのようにそれはあなたがすべてのAJAX呼び出しがwindow.location.hashを更新するために必要な一般的な慣行