Heim > Artikel > Web-Frontend > So implementieren Sie jQuery-verschlüsselte Cookies

So implementieren Sie jQuery-verschlüsselte Cookies

小云云Original: 2018-01-17 15:01:441661Durchsuche

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>

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!

jquery ajax Cookie JS

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：jQuery Ajax fordert eine Struts-Aktion an, um die gemeinsame Nutzung asynchroner Aktualisierungsbeispiele zu implementierenNächster Artikel：jQuery Ajax fordert eine Struts-Aktion an, um die gemeinsame Nutzung asynchroner Aktualisierungsbeispiele zu implementieren

In Verbindung stehende Artikel

Mehr sehen