ブラウザはデータを記入し、ページを移動してデータを返します.消えません.
2680 ワード
ステップ1:ボタンをクリックして、データを保存し、ページをジャンプします.
ステップ2:ページを返してフォームを記入します.
PS:戻りページについては、jsを実行しない問題はこの文章を見てください.戻りページはjsを実行しません.
$("#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を実行しません.