情景實現：專案有個任務就是在訂單結算提交前可以增加發票擡頭，用的是AJAX請求後臺後返回資料展示在前端頁面，新增完同時選取該發票後提交訂單，如果因為各類原因（比如餘額不足，庫存不夠）的影響訂單提交不成功，使用者想返回上一頁修改訂單重新下單結算時，發現剛才新增的發票資料不見了，ajax獲取並插入頁面的結構都沒有了，而實際上資料是存在的。

      解決方案：網上查詢後發現可以通過處理history物件來解決。可以用history.pushState方法和history.replaceState以及window物件的popstate事件，這個方式可以讓你用JS自己控制URL和前進後退事件，並且用ajax重新整理網頁的區域性內容。

     使用了history.replaceState方法來改變當前頁面的state，每次ajax獲取資訊後，將頁面中希望保留的內容放入state中，當返回到這個頁面中時，讀取state中的資訊，如果state不為null，那麼將state中的頁面結構展示出來。

步驟很簡單，大概分兩步：

1、ajax獲取資訊並拼裝到html結構後，將希望保留的html結構放入state中

  var stateObj = { current_html:  $('#for_add_newInv').html() ,invoice_all: $('#invoice_control').html()};
  history.replaceState(stateObj, ''
 
, 'flow.php?step=checkout');

2、返回這個頁面的時候，檢視state是否儲存有資訊，如果有就展示出來,再做一些對應的處理就好了

<script type="text/javascript">
  var prev_html = history.state && history.state.current_html;
  if (prev_html) {
    $('#for_add_newInv').html(prev_html);
  }

  var invoice_all = history.state && history.state.invoice_all;
  if
 
 (invoice_all) {
    $('#invoice_control').html(invoice_all);
  }
  </script >