ajax实现登录成功后设置cookie,使用jquery的cookie实现登录页记住用户名和密码的方法...

对于初学者来说，登录页记住用户名和密码的功能是经常会遇到的(通常会用javaee的api去实现)，今天为大家介绍在前端页面直接用jquery实现该功能(比传统的方法简单多了)，长话短说直接进入正题：

在项目中加入jquery.js和jquery.cookie.js两个依赖文件，并加入对应的页面中如：

form表单

用户名

密码

记住用户名

用户名或密码错误

#if>

js函数

$(function () {

var yhm = $.cookie('yhm');

var mm = $.cookie('mm');

//页面加载的时候从cookie中取出用户名和密码填充对应的输入框

$('#yhm').val(yhm);

$("#mm").val(mm)

//选中保存秘密的复选框

if(yhm != null && yhm != '' && mm != null && mm != ''){

$("#remeberyhm").attr('checked',true);

}

});

function remeber(){

var yhm = $("#yhm").val();

var mm = $("#mm").val();

//判断复选框的选择状态添加cookie

if ($("#remeberyhm").is(":checked")) {

//存储一个带7天期限的cookie

$.cookie("yhm", yhm, { expires: 7 });

$.cookie("mm", mm, { expires: 7 });

}

else {

$.cookie("yhm", "", { expires: -1 });

$.cookie("mm", "", { expires: -1 });

}

//提交表单

$("#login_form").submit();

}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

ajax实现登录成功后设置cookie,使用jquery的cookie实现登录页记住用户名和密码的方法...相关推荐

git之https或http方式设置记住用户名和密码的方法
文章目录设置记住密码(默认15分钟): 长期存储密码: http/https方式: 增加远程地址的时候带上密码也是可以的.(推荐) 假如用户名和密码中包含了 @ ,即用户名为邮箱注册. 如果你正在使 ...
Spring Boot Security + Vue 登录成功后重定向无 Access-Control-Allow-Origin 问题解决办法
需要明确: 已正确配置跨域资源共享(CORS)(不然也不可能看到登录成功了). 已正确配置了跨站请求伪造(CSRF)(登录时需要携带 _csrf.token). 全部使用 POST 提交的数据. 本文 ...
python+selenium获取cookie session_Python Selenium模拟登录成功后，使用此cookie、利用requests库进行get时，提示“非法登陆”。...
一. 步骤概述 a. 模拟登录学校选课系统(使用Selenium库登陆http://xk.suibe.edu.cn/xsxk/login.xk) b. 取得cookie后传入requests的sess ...
登录成功后怎么跳转页面html,怎么设置登录成功后跳转到相应的页面
想要用angularjs实现的功能是一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...
html登陆成功后跳转页面跳转,怎么设置登录成功后跳转到相应的页面
想要用angularjs实现的功能是一进入就是一个登录页面(login.html),如果没有账号密码就注册,登录成功后跳转到相应的页面(shopcart.html) 碰到的问题 1.一进入页面没有显 ...
登录成功后跳回到原来页面
应用场景:一般网页游客和登录用户看到的内容是有区别的,如果一个未登录的用户在看到登录提示后跳转到登录界面登录,那么登录成功后怎么返回到该页面呢? 写这篇博客是因为我自己把解决问题的方向想偏了,本来实现 ...
企业内部应用实现钉钉免登录及登录成功后推送消息
首先要通过钉钉开放平台创建H5微应用,得到企业id(CorpId),和H5微应用凭证:微应用的ID(AgentId).微应用的唯一标识key(AppKey).密钥(AppSecret). 钉钉开放平台 ...
登录成功后如何在首页获取登录名
1.如果页面时jsp就非常简单了,直至用EL表达式从session中取值 jsp页面直接${user.login_name}的方式取值就可以了 2.如何设计的页面是html静态页面,不是jsp动态页面 ...
用php写登录成功后的界面,登录成功后跳转_php如何实现登录成功后跳转页面
摘要腾兴网为您分享:php如何实现登录成功后跳转页面,指南针,优软商城,优美图,天天美剧等软件知识,以及蓝光mp3剪切器,微信6,scandallpro,新页生产管理软件,asmr音频,lc标签打印 ...

ajax实现登录成功后设置cookie,使用jquery的cookie实现登录页记住用户名和密码的方法...

ajax实现登录成功后设置cookie,使用jquery的cookie实现登录页记住用户名和密码的方法...相关推荐

最新文章

热门文章