浏览器填写数据，跳转页面返回数据不消失

步骤一：点击按钮，保存数据，跳转页面

$("#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问题

浏览器填写数据，跳转页面返回数据不消失相关推荐

SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
Fiddler之如何通过浏览器输入链接地址修改页面返回数据的内容
1 问题比如我们在浏览器里面输入www.baidu.com,那么就正常返回页面,我们怎么修改这个页面的返回内容呢?我们可以功过Fiddler构来实现,比如我们现在要实现在浏览器里面输入www.bai ...
C#串口通信—向串口发送数据，同步接收返回数据
最近写C#串口通信程序,系统是B/S架构.SerialPort类有一个DataReceived事件,用来接收串口返回的数据,但这种方式在C/S架构下很好用,但B/S就不好处理了.所以写了一个同步模式接 ...
C#串口通信-向串口发送数据，同步接收返回数据
最近写C#串口通信程序,系统是B/S架构.SerialPort类有一个DataReceived事件,用来接收串口返回的数据,但这种方式在C/S架构下很好用,但B/S就不好处理了.所以写了一个同步模式接 ...
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题 - 接口返回数据被翻译
背景:Chrome浏览器自带谷歌翻译,这个翻译还是挺实用的,但如果前端代码设置不当,再加上用户操作失误就容易造成很多莫名其妙问题,下面详述问题现象.排查过程及解决方案文章目录一.问题现象二.排查 ...
Vue刷新、跳转页面的数据保存方法： sessionStorage + Object.assign()
直接上代码跳页面时,保存当前Data的数据 methods: { // 一.// 跳转页面Goxxx () {// 保存当前页面上data数据sessionStorage.setItem('data ...
js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
php怎么返回数据到控制台,php返回数据到控制台的方法
php返回数据到控制台的方法发布时间:2020-09-18 11:51:41 来源:亿速云阅读:63 作者:小新这篇文章给大家分享的是有关php返回数据到控制台的方法的内容.小编觉得挺实用的,因 ...
蚂蚁mPaaS框架控制台打印原生与h5交互数据和 RPC接口返回数据都是Unicode乱码如何处理
1.原生与h5交互数据具体的参考之前博客:https://blog.csdn.net/qq_15509071/article/details/113876172 这里修改为: - (void)use ...

浏览器填写数据，跳转页面返回数据不消失

浏览器填写数据，跳转页面返回数据不消失相关推荐

最新文章

热门文章