jQuery加密密碼到cookie的示例分析

發(fā)布時間：2021-07-07 13:57:27 來源：億速云閱讀：143 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“jQuery加密密碼到cookie的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“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() { //設(shè)置cookie 
    var loginCode = $("#username").val(); //獲取用戶名信息 
    var pwd = $("#password").val(); //獲取登陸密碼信息 
    $.cookie("username", loginCode);//調(diào)用jquery.cookie.js中的方法設(shè)置cookie中的用戶名 
    $.cookie("pwd", $.base64.encode(pwd));//調(diào)用jquery.cookie.js中的方法設(shè)置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的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

jQuery加密密碼到cookie的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽