本文主要和大家分享了jquery 加密密码到cookie的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧,希望能帮助大家更好的掌握cookie。
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>insert title here</title>
</head>
<body>
<table>
<tr>
<th>账号:</th>
<td><input type="text" id="username" /></td>
</tr>
<tr>
<th>密码:</th>
<td><input type="text" id="password" /></td>
</tr>
<tr>
<td><button onclick="setcookie();">保存</button></td>
<td><button onclick="getcookie();">读取</button></td>
</tr>
</table>
</body>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery.cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/yckart/jquery.base64.js/master/jquery.base64.js"></script>
<script type="text/javascript">
function setcookie() { //设置cookie
var logincode = $("#username").val(); //获取用户名信息
var pwd = $("#password").val(); //获取登陆密码信息
$.cookie("username", logincode);//调用jquery.cookie.js中的方法设置cookie中的用户名
$.cookie("pwd", $.base64.encode(pwd));//调用jquery.cookie.js中的方法设置cookie中的登陆密码,并使用base64(jquery.base64.js)进行加密
}
function getcookie() { //获取cookie
var logincode = $.cookie("username"); //获取cookie中的用户名
var pwd = $.cookie("pwd"); //获取cookie中的登陆密码
if (logincode) {//用户名存在的话把用户名填充到用户名文本框
$("#username").val(logincode);
}
if (pwd) {//密码存在的话把密码填充到密码文本框
$("#password").val($.base64.decode(pwd));
}
}
</script>
</html>
相关推荐:
加密cookie类
vue前端cookie简单操作实例分享
ajax跨域访问cookie丢失问题的解决方法_ajax相关
jquery结合jquery.cookie.js插件实现换肤功能示例
jquery的cookie使用方法
以上就是jquery加密cookie的实现方法的详细内容。