前言:
現(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對象,它關系到由pushState()方法創(chuàng)建出來的新的history實體。用以存儲關于你所要插入到歷史 記錄的條目的相關信息。State對象可以是任何Json字符串。因為firefox會使用用戶的硬盤來存取state對象,這個對象的最大存儲空間為640k。如果大于這個數(shù) 值,則pushState()方法會拋出一個異常。
title:firefox現(xiàn)在回忽略這個參數(shù),雖然它可能將來會被使用上。而現(xiàn)在最安全的使用方式是傳一個空字符串,以防止將來的修改。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結合數(shù)據(jù)結構來看看(二) 2017-07-26