Heim > Web-Frontend > js-Tutorial > jQuery ruft den Cookie-Wert ab und löscht die Cookie-Nutzung example_jquery

jQuery ruft den Cookie-Wert ab und löscht die Cookie-Nutzung example_jquery

WBOY
Freigeben: 2016-05-16 15:05:22
Original
1631 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung von jQuery, um den Cookie-Wert abzurufen und das Cookie zu löschen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Cookie hat eine bestimmte Cookie-Operationsklasse in jquery. Hier werden wir zunächst einige Probleme bei der Verwendung von Cookie-Operationsklassen vorstellen und dann die richtige Verwendungsmethode vorstellen.

Bei der Verwendung von JQuery zum Betreiben von Cookies tritt ein falscher Wert auf:

Es stellt sich heraus, dass Cookies vier verschiedene Eigenschaften haben:

Name, Inhalt, Domain, Pfad

$.cookie('the_cookie'); // 读取 cookie
$.cookie('the_cookie', 'the_value'); // 存储 cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie

Nach dem Login kopieren

Verwendung:

$.cookie("currentMenuID", menuID);

Nach dem Login kopieren

Wenn Domäne und Pfad nicht angegeben sind.

Daher werden unterschiedliche Cookies generiert, wenn Domäne und Pfad unterschiedlich sind

$.cookie("currentMenuID");

Nach dem Login kopieren

Es wird Probleme geben, den Wert zu ermitteln.

Verwenden Sie daher:

$.cookie("currentMenuID", "menuID", { path: "/"});

Nach dem Login kopieren

Überschreiben. Dieselbe Cookie-ID in derselben Domäne entspricht einem Wert.

Schauen wir uns ein Beispiel an

Hinweis zur Pfadeinstellung von Cookies: Wenn Sie den Pfad „/“ nicht festlegen, wird der Pfad automatisch entsprechend dem Verzeichnis festgelegt (z. B. http://www.xxx.com/user/). Der Pfad wird auf „/user“ gesetzt)

$.extend({
/**
 1. 设置cookie的值,把name变量的值设为value
example $.cookie('name', 'value');
 2.新建一个cookie 包括有效期 路径 域名等
example $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
3.新建cookie
example $.cookie('name', 'value');
4.删除一个cookie
example $.cookie('name', null);
5.取一个cookie(name)值给myvar
var account= $.cookie('name');
**/
  cookieHelper: function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
      options = options || {};
      if (value === null) {
        value = '';
        options.expires = -1;
      }
      var expires = '';
      if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
        var date;
        if (typeof options.expires == 'number') {
          date = new Date();
          date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
        } else {
          date = options.expires;
        }
        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
      }
      var path = options.path ? '; path=' + options.path : '';
      var domain = options.domain ? '; domain=' + options.domain : '';
      var secure = options.secure ? '; secure' : '';
      document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
      var cookieValue = null;
      if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
          var cookie = jQuery.trim(cookies[i]);
          // Does this cookie string begin with the name we want&#63;
          if (cookie.substring(0, name.length + 1) == (name + '=')) {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    }
  }
});

Nach dem Login kopieren

Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich die speziellen Themen auf dieser Website ansehen: „Zusammenfassung der JQuery-Cookie-Betriebsfähigkeiten“, „Zusammenfassung der jQuery-Tabellen-(Tabellen-)Betriebsfähigkeiten", "Zusammenfassung der jQuery-Drag-Effekte und -Techniken", "Zusammenfassung der jQuery-Erweiterungstechniken", "Zusammenfassung der gängigen klassischen jQuery-Spezialeffekte", „Zusammenfassung der Verwendung von jQuery-Animationen und Spezialeffekten“, „Zusammenfassung der Verwendung von jQuery-Selektoren“ und „Zusammenfassung allgemeiner jQuery-Plugins und Verwendung

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

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