Comment implémenter les cookies cryptés jQuery-js tutoriel-php.cn

Comment implémenter les cookies cryptés jQuery

小云云

Libérer： 2018-01-17 15:01:44

original

1727 Les gens l'ont consulté

Cet article partage principalement avec vous la méthode d'implémentation du mot de passe crypté jquery vers le cookie. Il est très bon et a une valeur de référence. J'espère que cela pourra aider tout le monde à mieux maîtriser les cookies.

Sans plus attendre, je publierai le code directement pour vous. Le code spécifique est le suivant :

 <!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>

Copier après la connexion

Recommandations associées :

Classe de cookies cryptés

Partage d'exemple d'opération simple de cookie frontal VUE

Solution au problème du cross- perte de cookie d'accès au domaine_ lié à AJAX

jQuery combiné avec le plug-in jQuery.cookie.js pour implémenter un exemple de changement de skin

Comment utiliser jQuery Biscuit

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!