ajax能實現頁面的無重新整理載入，但是會造成無法前進後退的問題。
我們可以人為的使用history.pushState來人造歷史資訊， 並且通過監聽popstate事件來知道使用者點選了瀏覽器後退或前進按鈕，然後將頁面元素還原到歷史上的某個狀態。

// 點選查詢按鈕的時候人為構造一個瀏覽器歷史
$('#a').click(function() {
  $(targetSelector).load(url);
  history.pushState({
    container : targetSelector,
    content   : $(targetSelector).html()
  }, null
 
, url);

});

// 當瀏覽器後退後者前進的時候，我們把當時的結果重新載入到container裡來
window.addEventListener('popstate', function() {
  var state = history.state
  $(state.container).html(state.content);
})

註釋：上述js在實現時會有陷阱，但此處只是讓讀者能夠了解，history.pushState（replaceState也一樣）的用法，和history.pushState(state,document.title,url)中的各個引數的作用及意義。

另附window.onpopstate的說明：
history.go和history.back（包括使用者按瀏覽器歷史前進後退按鈕）觸發，並且頁面無刷的時候（由於使用pushState修改了history）會觸發popstate事件，事件發生時瀏覽器會從history中取出URL和對應的state物件替換當前的URL和history.state。通過event.state也可以獲取history.state。