使用ajax調用時瀏覽器的後退麻煩

Question

我有一個列表，其中包含通過ajax（準確地說：microsoft updatepanel）獲取的搜索結果。問題是，我無法使用任何web瀏覽器的後退按鈕導航回先前通過ajax獲取的列表。你有好主意嗎？

感謝

Answer 1

你需要讓所有的Ajax調用更新window.location.hash。

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等，這是一個普遍的做法