前言：
現(xiàn)在前后端基本都是通過ajax實現(xiàn)前后端接口數(shù)據(jù)的交互，但是，ajax有個小小的劣勢，即：不支持瀏覽器“后退”和“前進“鍵。
但是，現(xiàn)在我們可以通過H5的histroy屬性 解決ajax在交互請求的這個小bug。
事件描述：
H5增加了一個事件window.onpopstate，當(dāng)用戶點擊那兩個按鈕就會觸 發(fā)這個事件。但是光檢測到這個事件是不夠的，還得能夠傳些參數(shù)，也就是說返回到之前那個頁面的時候得知道那個頁面的pageIndex。通過 history的pushState方法可以做到，pushState(pageIndex)將當(dāng)前頁的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)在最安全的使用方式是傳一個空字符串，以防止將來的修改。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式