cookie实现记住密码功能
之前在一次面试过程中,被问到前后端如何实现记住密码功能,所以自己也试着做,这是纯js做的。
一、实现思路
1.前端页面,自己简单写了一个页面,如下图,不喜勿喷

2.主要有三个函数
- setCookie(设置cookie)
- getCookie((取cookie)
- delCookie(删除cookie)
3.用户在页面第一次填写用户名和密码之后,点击提交,提交的时候,判断记住密码复选框是否被选中,如果是选中,则调用setCookie设置cookie,否则就调用delCookie清楚cookie。
用户第二次进入页面的时候,如果第一次是选中记住密码复选框,则会在页面加载完成之后,就调用getCookie去取cookie,如果cookie存在就从cookie中取出用户名和密码填充到输入框中。如果cookie不存在,就将输入框清空。
如果想要完整代码,请访问我的github.
如果觉得还可以,start一下呗,谢谢。
二、遇到的问题
- chrome浏览器下不支持js操作cookie
解决:自己一般使用的是chrome,所以根本不知道,结果百度之后,说将其部署到服务器上可解决这个问题 - 在将项目部署到tomcat服务器上,访问出现404错误
解决:之前自己都是将文件放在webapps目录下,这次不行,就将其放在ROOT目录下 - 部署成功之后,在浏览器中调试,只能存cookie,不能取cookie
解决:自己将放在ROOT目录下的文件,放在Sublime Text编辑器中编辑,在浏览器中访问的时候,刷新页面出现412错误,针对这个问题,可能是浏览器卡顿问题
后来重启浏览器就没问题了。然后我测试的时候,打印getCookie的值还是空,后来我将ROOT目录下的文件删除了,重新放了一份,重启tomcat,就ok了。
参考:
https://www.jianshu.com/p/fd6a16c8dfa2
https://www.jianshu.com/p/b5a9b8d74d38
cookie实现记住密码功能的更多相关文章
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下. 复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...
- 【原创】js中利用cookie实现记住密码功能
在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse res ...
- js中利用cookie实现记住密码功能
在登录界面添加记住密码功能,代码如下: //设置cookie var passKey = '4c05c54d952b11e691d76c0b843ea7f9'; function setCookie( ...
- java实现记住密码功能(利用cookie)
<br> <input type="text" id="userName" name="userName" value=& ...
- cookie记住密码功能
很多门户网站都提供了记住密码功能,虽然现在的浏览器都已经提供了相应的记住密码功能 效果就是你每次进入登录页面后就不需要再进行用户名和密码的输入: 记住密码功能基本都是使用cookie来进行实现的,因此 ...
- 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名!
// 记住密码功能 JS结合JQuery 操作 Cookie 实现记住密码和用户名! var username = document.getElementById("username&quo ...
- vue项目实现记住密码功能
一.谷歌浏览的残留问题 现在很多的网站都有一个需求是记住密码这个功能,为的是避免用户下次登录的时候繁琐的输入过程. 像是一些主流的浏览器(比如Chrome)都有了这个功能,而且如果你登录了Chrom ...
- js中记住密码功能
js中记住密码功能(在前端实现) 直接上例子(如果你也要实现的话注意改一些变量名称,jsp代码不包含样式) Jsp代码: <form class="am-form tpl-form-l ...
- JavaScript实现记住密码功能
用js实现记住密码功能,但是前端记住密码不安全,最好还是不要用.我感觉这个记住密码应该是通过与后台建立一个会话来实现. 这个效果的测试地址在:http://ofoyou.com/blog/rePass ...
随机推荐
- Java多线程学习(一)Java多线程入门
转载请备注地址:https://blog.csdn.net/qq_34337272/article/details/79640870 系列文章传送门: Java多线程学习(一)Java多线程入门 Ja ...
- Bzoj-2301 [HAOI2011]Problem b 容斥原理,Mobius反演,分块
题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=2301 题意:多次询问,求有多少对数满足 gcd(x,y)=k, a<=x<=b ...
- mybatis-plus的学习
1.mybatisplus 提供了比较齐全的crud即增删改查,不需要在mapper.xml里写sql可以直接调用 原文链接:http://blog.csdn.net/u014519194/artic ...
- golang相关问题
[转载][翻译]Go的50坑:新Golang开发者要注意的陷阱.技巧和常见错误[1] Golang作为一个略古怪而新的语言,有自己一套特色和哲学.从其他语言转来的开发者在刚接触到的时候往往 ...
- LCT 文档
file:///C:/Users/Frank/Downloads/QTREE%E8%A7%A3%E6%B3%95%E7%9A%84%E4%B8%80%E4%BA%9B%E7%A0%94%E7%A9%B ...
- AIOps实践三板斧:从可视化、自动化到智能化
http://ai.51cto.com/art/201806/576881.htm?mobile
- ASP.NET MVC5(一)—— URL路由
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- 将对象转换为JSON字符串
将对象转换为JSON串: 方案一: 可以通过json-lib工具jar包进行转化:在www.json.org官网下载jar包. 方案二: 通过ObjectMapper对象进行转换 需要引入相应的jar ...
- DaemonSet
What is a DaemonSet? DaemonSet能够让所有(或者一些特定)的Node节点运行同一个pod.当节点加入到kubernetes集群中,pod会被(DaemonSet)调度到该节 ...
- urllib2模块、cookielib模块
urllib2模块 urllib模块和urllib模块类似,用来打开URL并从中获取数据.与urllib模块不同的是,urllib模块不仅可以使用urlopen() 函数还可以自定义Opener来访问 ...