廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
<!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>以上所述是小編給大家介紹的jQuery加密密碼到cookie的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答