jQuery setzt Cookies und löscht Cookies, Instanzanalyse

jQuery setzt Cookies und löscht Cookies, Instanzanalyse_jquery

WBOY

Freigeben： 2016-05-16 15:05:20

Original

1144 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Sie mit jQuery Cookies setzen und löschen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dies ist ein Beispiel für die Verwendung von jQuery-Cookies. Ich hoffe, dass Freunde nach der Einführung mit der Verwendung des Plug-Ins jquery.cookie.js vertraut sind Einstellungen und mehrere Cookie-Einstellungen, wie man Cookies erhält, das Ablaufdatum über das Datumsobjekt auf den Tag nach 3 Tagen einstellen, die Anzahl der Gültigkeitstage festlegen und andere Tipps.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<script src="jquery1.3.2.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var COOKIE_NAME = 'test_cookie';
var ADDITIONAL_COOKIE_NAME = 'additional';
$('a').eq(0).click(function() { // 用天数设置 cookie
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 10 });
return false;
});
$('a').eq(1).click(function() { // 用日期设置 cookie
var date = new Date();
date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
$('a').eq(2).click(function() { // 获取 cookie
alert($.cookie(COOKIE_NAME));
return false;
});
$('a').eq(3).click(function() { // 删除 cookie
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
$('a').eq(4).click(function() { // 设置第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, 'foo', { expires: 10 });
return false;
});
$('a').eq(5).click(function() { // 获取第二个 cookie
alert($.cookie(ADDITIONAL_COOKIE_NAME));
return false;
});
$('a').eq(6).click(function() { // 删除第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, null);
return false;
});
});
</script>
</head>
<body>
<p>
<a href="#">设置 cookie (设置有效期天数为 10 天)</a><br>
<a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br>
<a href="#">获取 cookie</a><br>
<a href="#">删除 cookie</a><br>
<a href="#">设置另一个 cookie</a><br>
<a href="#">获取另一个 cookie</a><br>
<a href="#">删除另一个 cookie</a>
</p>
</body>
</html>

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.