suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung des Cookie-Plug-Ins von jQuery

Detaillierte Erläuterung des Cookie-Plug-Ins von jQuery

高洛峰
高洛峰Original
2016-12-05 15:37:381333Durchsuche

1. Das jQuery.Cookie.js-Plug-in ist ein leichtes Cookie-Verwaltungs-Plug-in.

Besondere Erinnerung, heute wurde ein besonderer Fehler im Google-Browser entdeckt: hat keine Methode $.cookie. Firefox-Browser-Eingabeaufforderungen: $.cookie ist keine Funktion. Nach langem Debuggen habe ich endlich den Grund gefunden. Wenn das jQuery-Plug-in zweimal oder mehrmals auf derselben Seite eingeführt wird, wird dieser Fehler gemeldet.

So verwenden Sie:

1. Einführung der Plug-Ins jQuery und jQuery.Cookie.js. 

<script src="jQuery.1.8.3.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>

　2. Funktion.

Syntax: $.cookie(name, value, [option])

(1) Cookie-Wert lesen

$.cookie(cookieName) cookieName: um den Cookie-Namen zu lesen . 

示例：$.cookie("username");　　　　　 读取保存在cookie中名为的username的值。

(2) Schreiben Sie den eingestellten Cookie-Wert:

$.cookie(cookieName,cookieValue); cookieName: soll gesetzt werden Cookie-Name, cookieValue stellt den entsprechenden Wert dar. 

示例: $.cookie("username","admin");　 将值"admin"写入cookie名为username的cookie中。
 
　　　　　 $.cookie("username",NULL);　　　销毁名称为username的cookie

(3) [Option] Parameterbeschreibung:

Läuft ab: Begrenztes Datum, das eine Ganzzahl oder ein Datum sein kann ( Einheit :sky).,

　domin: Das Cookie-Domänennamenattribut, der Standardwert ist derselbe wie der Domänenname der erstellten Seite. Achten Sie an dieser Stelle besonders auf das domänenübergreifende Konzept. Wenn Sie möchten, dass der primäre Domänenname und der sekundäre Domänenname gültig sind, müssen Sie „.xxx.com“ festlegen.

　　secrue: Ein boolescher Wert, der angibt ob eine Sicherheit bei der Übertragung von Cookie-Werten erforderlich ist. 

示例： $.cookie("like", $(":radio[checked]").val(), {
　 　path: "/", expiress: 7
 })

Ein vollständiger Seitencode zum Setzen und Lesen von Cookies: 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>jQuery学习2</title>
 <script src="jQuery.1.8.3.js" type="text/javascript"></script>
 <script src="jquery.cookie.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function () {
 $("#username").val($.cookie("username"));
 if ($.cookie("like") == "刘德华") {
 $(":radio[value=&#39;刘德华&#39;]").attr("checked", &#39;checked&#39;)
 }
 else {
 $(":radio[value=&#39;张学友&#39;]").attr("checked", &#39;checked&#39;)
 }
 $(":button").click(function () {
 $.cookie("username", $("#username").val(), {
  path: "/", expires: 7
 })
 $.cookie("like", $(":radio[checked]").val(), {
  path: "/", expiress: 7
 })
 })
 })
 </script>
</head>
<body>
 <p><input type="text" id="username" value="" /></p>
 <p>
 <input type="radio" name="like" value="刘德华" />刘德华
 <input type="radio" name="like" value="张学友" />张学友
 </p>
 <p><input type="button" value="保存" /></p>
</body>
</html>

Ein Cookie ist im Wesentlichen ein TXT-Text und kann daher nur in einer Zeichenfolge gespeichert werden. Das Objekt muss normalerweise serialisiert werden, bevor es im Cookie gespeichert werden kann, und es muss deserialisiert werden, um das Objekt erneut abzurufen. 

$(function () {
 if ($.cookie("o") == null) {
 var o = { name: "张三", age: 24 };
 var str = JSON.stringify(o);　　//对序列化成字符串然后存入cookie
 $.cookie("o", str, {
  expires:7 //设置时间，如果此处留空，则浏览器关闭此cookie就失效。
 });
 alert("cookie为空");
 }
 else {
 var str1 = $.cookie("o");
 var o1 = JSON.parse(str1);　　//字符反序列化成对象
 alert(o1.name);　　　　　　　　//输反序列化出来的对象的姓名值
 }
 })

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：Beispiel für die Implementierung der ToolTip-Elementpositionierungs- und Anzeigefunktion in jQueryNächster Artikel：Beispiel für die Implementierung der ToolTip-Elementpositionierungs- und Anzeigefunktion in jQuery

In Verbindung stehende Artikel

Mehr sehen