HTML5技术

基于localStorge开发登录模块的记住密码与自动登录 - 郭东生blog(2)

字号+ 作者:H5之家 来源:H5之家 2017-08-25 10:01 我要评论( )

var storage = window.localStorage; (document.getElementById(). checked ) { // 存储到loaclStage // alert(134); storage[] = userEmail;storage[ ] = userPassWord;storage[ ] = ;} else {storage[ ] = userEm

var storage = window.localStorage; (document.getElementById().checked) { //存储到loaclStage //alert(134); storage[] = userEmail; storage[] = userPassWord; storage[] = ; } else { storage[] = userEmail; storage[] = ; }

记住,这时你已经勾选了记住密码,下次登录时,该如何操作?

在$(function (){})里,也就是浏览器渲染标签时,做出判断,看一下storge['isstorePwd']是否为yes,核心代码赞一赞

$(document).ready(function () { //读取 localStage 本地存储,填充用户名密码,如果自动登录有值直接跳转; storage = window.localStorage; ]; ]; ]; ]; == getisstroepwd) { == getisautologin) { .... } } else { $().val(getEmail); $().val(getPwd); document.getElementById().checked = true; } } });

ok 如果记住密码就搞定了!

5.自动登录:这个功能还用我说吗?和记住密码类似!

(document.getElementById().checked) { //存储到loaclStage storage[] = userEmail; storage[] = userPassWord;//密码存到storage里 storage[] = ; storage[] = ; } else { storage[] = userEmail; storage[] = ; }

当用户再次登录的时候,还是在一加载的时候,做出判断,是否勾选自动登录,勾选的话,从storage里拿到数据,直接发生异步

请求,就不用用户做出点击登录事件了!

== getisautologin) { if ((("" != getEmail) || (null != getEmail)) && (("" != getPwd) || (null != getPwd))) { //lacoste 已经保存 登陆信息 直接登陆 //alert('正在自动登录'); $().val(getEmail); $().val(getPwd); // window.location=""; //加载时显示:正在自动登录 $.ajax({ url: , data: { email: getEmail, password: getPwd }, dataType: , success: function (data) { if (data.msg == "") { alert(); } else { //alert(123); //登录成功后保存session,如果选择了记住密码,再保存到本地 window.location.href =; } }, error: function () { alert(); } });

好了,花了二十分钟,总结完毕,爱分享的鸟窝!

 

 

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 记小白的一次基于vue+express+mongodb个人站开发 - 孤独和弦

    记小白的一次基于vue+express+mongodb个人站开发 - 孤独和弦

    2017-08-22 13:00

  • Hybrid App混合模式开发的了解 - 云悠

    Hybrid App混合模式开发的了解 - 云悠

    2017-08-22 12:01

  • 关于Egret模块化开发---vip系统 - aゞ时光无声

    关于Egret模块化开发---vip系统 - aゞ时光无声

    2017-08-15 12:00

  • C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源码 - GuZhenYin

    C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源

    2017-08-09 15:01

网友点评
i