So implementieren Sie jQuery-verschlüsselte Cookies-js-Tutorial-php.cn

So implementieren Sie jQuery-verschlüsselte Cookies

小云云

Freigeben： 2018-01-17 15:01:44

Original

1699 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich die Implementierungsmethode des jquery-verschlüsselten Passworts für Cookies mit. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen, Cookies besser zu beherrschen.

Ohne weitere Umschweife werde ich den Code direkt für Sie veröffentlichen. Der spezifische Code lautet wie folgt:

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

Nach dem Login kopieren

Verwandte Empfehlungen:

Verschlüsselte Cookie-Klasse

VUE-Front-End-Cookie-Beispielfreigabe für einfache Bedienung

Lösung für das Problem der Ajax-Kreuzung Domänenzugriffs-Cookie-Verlust_ AJAX-bezogen

jQuery kombiniert mit dem Plug-in jQuery.cookie.js, um ein Beispiel für eine Skin-Änderung zu implementieren

So verwenden Sie jQuery Keks

Das obige ist der detaillierte Inhalt vonSo implementieren Sie jQuery-verschlüsselte Cookies. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!