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

转载于:https://www.cnblogs.com/sminocence/p/8378210.html