1. 程式人生 > >HTML5 不重新整理頁面修改位址列

HTML5 不重新整理頁面修改位址列

現在很多頁面都是用ajax來進行資料互動,但是有些場景就會比較尷尬,比如個人中心,進去點修改密碼,但是位址列沒有變,下次複製地址後進來還是個人中心,並不是修改密碼,所以就有了這個 history.pushState 這個東西,直接修改位址列的地址。
  程式碼如下:
history.pushState(state, title, url);

    state:狀態引數,通過 history.state 可以獲取,其他頁面跳轉的值為null
    title:頁面標題(不過好像並沒有什麼用)
    url:修改後的地址
    這個修改位址列後放入到history裡面,使用 history.back,history.go 或者瀏覽器的前進後退都有效果,還有一個 history.replaceState 這個不會放入到history中,只能修改當前地址。