前言:
現(xiàn)在前后端基本都是通過ajax實現(xiàn)前后端接口數(shù)據(jù)的交互,但是,ajax有個小小的劣勢,即:不支持瀏覽器“后退”和“前進“鍵。
但是,現(xiàn)在我們可以通過H5的histroy屬性 解決ajax在交互請求的這個小bug。
事件描述:
H5增加了一個事件window.onpopstate,當用戶點擊那兩個按鈕就會觸 發(fā)這個事件。但是光檢測到這個事件是不夠的,還得能夠傳些參數(shù),也就是說返回到之前那個頁面的時候得知道那個頁面的pageIndex。通過 history的pushState方法可以做到,pushState(pageIndex)將當前頁的pageIndex存起來,再返回到這個 頁面時獲取到這個pageIndex。
window.history.pushState描述:
window.history.pushState(state, title, url);
state對象:是一個JavaScript對象,它關(guān)系到由pushState()方法創(chuàng)建出來的新的history實體。用以存儲關(guān)于你所要插入到歷史 記錄的條目的相關(guān)信息。State對象可以是任何Json字符串。因為firefox會使用用戶的硬盤來存取state對象,這個對象的最大存儲空間為640k。如果大于這個數(shù) 值,則pushState()方法會拋出一個異常。
title:firefox現(xiàn)在回忽略這個參數(shù),雖然它可能將來會被使用上。而現(xiàn)在最安全的使用方式是傳一個空字符串,以防止將來的修改。