近阶段做了一个项目,第一次进入时需要收集用户的一些基本信息,为了客户的更好的体验最好之后不要重复出现表单界面,这也是为了保持数据的纯度,防止无效数据。
采用的方法是在客户第一次登录表单界面时保存数据在浏览器的localStorage中,当之后再登录时检查我们预先设置的值是否存在即可,如果存在这直接跳转至下一个界面。
方法如下:
- clear():删除所有值
- getItem(name):根据指定的名字name获取对应的值
- key(index):根据指定index位置处的值的名字
- removeItem(name):删除由name指定的名值对
- setItem(name, value):为指定的name设置一个对应的值
例子:
//保存页面信息在浏览器中
localStorage.setItem("welcome.html","true");
//如果之前浏览器已经提交信息,则直接跳过
var localInfo = localStorage.getItem("welcome.html");
if(localInfo=="true"){
window.location.href = "/client";
}
当前你清除浏览器缓存后,数据也会一并消失。
你也可以指定value为日期,这样可以在代码中规定数据表单的保质期,超过时间客户需再次填写。