Maison > Article > interface Web > Comment implémenter les cookies cryptés jQuery

Comment implémenter les cookies cryptés jQuery

小云云original: 2018-01-17 15:01:441661parcourir

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>

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!

jquery ajax Cookie JS

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jQuery ajax demande une action Struts pour implémenter le partage d'exemples d'actualisation asynchroneArticle suivant：jQuery ajax demande une action Struts pour implémenter le partage d'exemples d'actualisation asynchrone

Articles Liés

Voir plus