一 先引用jquery 和history.js  的js

二

History.Adapter.bind(window, 'statechange', function () {  表示在點擊后退 前進(jìn)或history的js方法時，監(jiān)控變化。當(dāng)變化時執(zhí)行自定義的方法。

History.pushState 有三個參數(shù) state title 自定義的地址查詢參數(shù)。
該方法往歷史記錄里添加數(shù)據(jù)，修改地址欄
 History.getState()  獲取當(dāng)前地址的state參數(shù)

三 流程

1 首先獲取地址欄的參數(shù)并保存

2 綁定包含apjax類的標(biāo)記的click方法， 標(biāo)記可以任意，可以是div a鏈接 按鈕等
  當(dāng)點擊的時候，保存執(zhí)行ajax方法前的狀態(tài)，保存到golbalState ，其中回調(diào)的方法從標(biāo)記的funname屬性中調(diào)取，title的值從標(biāo)記的title屬性獲取，
 “globalPara":  "globalControlValue": "globalControlHtml  好在ajax的方法中賦值，如displayinfo

3 History.pushState 添加到歷史記錄，并修改地址欄

4 當(dāng)后退的時候，執(zhí)行History.Adapter.bind中的方法，先獲取state參數(shù)

5 把之前 js修改過的變量修改回原來的值  ，把之前修改的html組件的value的值改回原來的值，把修改過的html組件中的html內(nèi)容恢復(fù)為原來的值，

6 重新執(zhí)行原來的執(zhí)行過的方法， 即CallbackFunctions中保存的方法。

“如何基于Jquery.history解決ajax的前進(jìn)后退問題”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！