每一个app软件在登录的时候,都会本地存储登录信息,需要用到数据的时候,就直接在本地获取,而不是每一次应用的时候都要请求到服务器来验证登录信息,减少服务器的负担。所以在设计混合HTML5 移动应用程序的时候也要存储本地数据。
在我做移动混合HTML5 移动应用的时候,也考虑怎么存储登录信息、取出存储信息、注销存储信息。
存储登录信息:
//存储localStorage,key值:username,value:用户名
localStorage.setItem('username',$scope.name); //存储localStorage,key值:password,value:密码
localStorage.setItem('password',$scope.passPwd);
获取登录信息:
var name = localStorage.getItem('username');
var Pwd = localStorage.getItem('password');
console.log('userName:'+Pwd);
console.log('passPwd:'+name);
结果截图:
注销登录信息
localStorage.removeItem('password');
localStorage.removeItem('username');
console.log('password:'+localStorage.getItem('password'));
console.log('username:'+localStorage.getItem('username'));
结果截图: