ajax 的特色在於部分更換網頁內容,由於只有部分更換所以很多檔案都不必重抓,像是 head 裡面的 .js, .css ...,這會提升網頁載入的速度。
但有一個致命的缺點在於網址列沒有改變,所以使用者沒辦法按上一頁回到上個狀態,以及搜尋引擎沒辦法抓到 ajax 產生的內容,因為 ajax 替換後的內容是沒有網址的。
現在可以使用history.pushState(state, title, href)來保持這些功能.
(P.S. IE9 是不支援的,Chrome、Safri 支援)
先建立function 來判斷
要使用時先宣告即可