jQuery加密密碼到cookie的實現代碼

更新時間：2017年04月18日 11:42:19 作者：Pan_cras

本文通過實例代碼給大家分享了jquery 加密密碼到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>

以上所述是小編給大家介紹的jQuery加密密碼到cookie的實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章: