Heim > Web-Frontend > js-Tutorial > Hauptteil

Lernen Sie schnell, wie Sie mit dem jQuery-Plug-in das Cookie-plug-in_jquery verwenden

WBOY
Freigeben: 2016-05-16 15:28:34
Original
1194 Leute haben es durchsucht

Cookies sind kleine Textdateien, die von Website-Designern auf dem Client platziert werden. Cookies können den Benutzern viele Vorteile bieten. Beispielsweise speichern Shopping-Websites Produktlisten, die Benutzer durchsucht haben, oder Portal-Websites merken sich, welche Arten von Nachrichten Benutzer gerne durchsuchen. Mit der Erlaubnis des Benutzers können auch die Anmeldeinformationen des Benutzers gespeichert werden, sodass der Benutzer diese Informationen nicht jedes Mal eingeben muss, wenn er die Website besucht
Verwendung:
1.Führen Sie jquery.cookie.js ein

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script> 
Nach dem Login kopieren

2. Methode

1). Fügen Sie ein neues Sitzungscookie hinzu: $.cookie('the_cookie', 'the_value');

Hinweis: Wenn die Cookie-Gültigkeitsdauer nicht angegeben ist, bleibt das erstellte Cookie standardmäßig gültig, bis der Benutzer den Browser schließt. Daher wird es als „Sitzungscookie“ bezeichnet.

2). Erstellen Sie ein Cookie und legen Sie die Gültigkeitsdauer auf 7 Tage fest: $.cookie('the_cookie', 'the_value', { läuft ab: 7 });

Hinweis: Wenn die Cookie-Gültigkeitsdauer angegeben wird, heißt das erstellte Cookie „persistentes Cookie (persistentes Cookie) “.

3). Erstellen Sie ein Cookie und legen Sie den effektiven Pfad des Cookies fest: $.cookie('the_cookie', 'the_value', { Expires: 7, Path: ' /' });

Hinweis: Standardmäßig kann nur die Webseite, die das Cookie setzt, das Cookie lesen. Wenn Sie möchten, dass eine Seite das von einer anderen Seite gesetzte Cookie liest, müssen Sie den Cookie-Pfad festlegen. Der Pfad zum Cookie wird verwendet, um das Verzeichnis der obersten Ebene festzulegen, das das Cookie lesen kann. Wenn Sie diesen -Pfad als Stammverzeichnis der Website festlegen, können alle Webseiten die Cookies der jeweils anderen Seite lesen (im Allgemeinen nicht festlegen, um Konflikte zu vermeiden).

4). Cookie lesen:

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null
Nach dem Login kopieren
5). Löschen Sie das Cookie, indem Sie null als Cookie-Wert übergeben:

$.cookie('the_cookie', null);

3. Cookie in Datei schreiben

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  }); 
Nach dem Login kopieren
Parametereinstellungen:


läuft ab: (Zahl | Datum): Gültigkeitszeitraum, Sie können eine Ganzzahl als Gültigkeitszeitraum (Einheit: Tage) oder ein Datumsobjekt als Ablaufdatum festlegen der Keks. Wenn das angegebene Datum eine negative Zahl ist, wird dieses Cookie gelöscht; wenn es nicht gesetzt oder auf null gesetzt ist, wird dieses Cookie als Sitzungscookie behandelt und gelöscht, nachdem der Browser geschlossen wurde
Pfad: (String): Das Pfadattribut des Cookies. Der Standardwert ist der Seitenpfad, auf dem das Cookie erstellt wird
Domäne: (String): Das Domänennamenattribut des Cookies. Der Standardwert ist der Domänenname der Seite, die das Cookie erstellt hat
secure: (Boolean) : Wenn auf true gesetzt, erfordert die Übertragung dieses Cookies ein sicheres Protokoll, wie z. B. HTTPS. Das Obige ist eine Zusammenfassung der Verwendung des Cookie-Plug-Ins aus mehreren vom Herausgeber zusammengestellten Artikeln. Ich hoffe, es kann allen helfen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage