집 > 기사 > 웹 프론트엔드 > jQuery 암호화 쿠키를 구현하는 방법

jQuery 암호화 쿠키를 구현하는 방법

小云云원래의: 2018-01-17 15:01:441707검색

이 기사는 주로 쿠키에 대한 jquery 암호화 비밀번호 구현 방법을 공유합니다. 매우 훌륭하고 참조 가치가 있습니다. 필요한 친구가 이를 참조하여 쿠키를 더 잘 익히는 데 도움이 되기를 바랍니다.

더 이상 말도 안되는 코드를 게시하겠습니다. 구체적인 코드는 다음과 같습니다.

 <!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 암호화 쿠키를 구현하는 방법

관련 기사