瀏覽器填寫數據，跳轉頁面返回數據不消失

步驟一：點擊按鈕，保存數據，跳轉頁面

$("#userAgree").on("click",function(){
  var obj = {};
  obj.username = $("[name=username]").val();
  obj.telephone = $("[name=telephone]").val();
  obj.verifiyCode = $("[name=verifiyCode]").val();
  obj.inviteCode = $("[name=inviteCode]").val();
  obj.agree = $("#agree").prop("checked");
  sessionStorage.setItem('seek_register_info',JSON.stringify(obj));
});

這裏用sessionStorage 的原因是：localStorage會一直保存在本地就算關閉了瀏覽器下次進來還是會有記錄，sessionStorage 在關閉後會清除數據。

步驟二： 返回頁面回填表單

var registerInfo = JSON.parse(sessionStorage.getItem('seek_register_info'));
if(registerInfo){
  var username = registerInfo.username;
  var telephone = registerInfo.telephone;
  var verifiyCode = registerInfo.verifiyCode;
  var inviteCode = registerInfo.inviteCode;
  var agree = registerInfo.agree;
  $("[name=username]").val(username);
  $("[name=telephone]").val(telephone);
  $("[name=verifiyCode]").val(verifiyCode);
  if(inviteCode && (inviteCode!='')){
    $("[name=inviteCode]").val(inviteCode).attr("disabled",true);
  }
  $("#agree").prop("checked",agree);
}

步驟三：清除數據

sessionStorage.removeItem('seek_register_info');

這裏一定要清除數據，否則刷新頁面表單數據也不會清除。

PS: 關於返回頁面不執行js的問題看這篇文章：返回頁面不執行js問題