ブラウザはデータを記入し、ページを移動してデータを返します.消えません.


ステップ1:ボタンをクリックして、データを保存し、ページをジャンプします.
$("#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は閉じたらデータを消去します.
ステップ2:ページを返してフォームを記入します.
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);
}
ステップ3:データのクリア
sessionStorage.removeItem('seek_register_info');
ここでは必ずデータをクリアします.ページのフォームデータを更新してもクリアされません.
PS:戻りページについては、jsを実行しない問題はこの文章を見てください.戻りページはjsを実行しません.