jQuery中cookie插件用法实例分析
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
这篇文章主要介绍了jQuery中cookie插件用法,结合完整实例形式分析了jQuery针对cookie操作的插件jquery.cookie.js相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下：
Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中操作Cookie的插件，插件名称为jquery.cookie.js，可以去官方网站下载。
下载地址： .
插件主要报告如下几个用法
1.创建Cookie
创建一个名称为username,值为 admin的cookie ,如下
代码如下:
$.cookie('username',"admin");
当然cookie还包括路径，过期时间等其他参数，一起看下其他参数的用法
代码如下:
$.cookie('username', 'admin', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
expires:表示过期时间，默认为天，如上表示过期时间为7天,如果省略过期时间，表示关闭浏览器时候，cookie将被删除
也可以设置cookie的过期时间,如下设置3分钟后过期
var dt= new date();
dt.settime(date.gettime() + (3* 60 * 1000));
$.cookie('username', 'admin', { expires: dt});
path:定义cookie的有效路径，默认情况下路径为创建cookie网页所在的路径，如果想让整个网站访问到，路径设置为path: '/'
domain：设置cookie所在的域
secure: 如果为true表示cookie的传输需要使用https安全协议，默认为false
2.删除Cookie
可以使用两种方法
$.removeCookie("username");
$.cookie('username',"null");
3.读取cookie
代码如下:
var account = $.cookie('username');
如果没有写入cookie，读取到的值为undefined
附：jquery.cookie.js完整代码如下：
/*!
* jQuery Cookie Plugin v1.4.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2006, 2014 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD (Register as an anonymous module)
define(['jquery'], factory);
} else if (typeof exports === 'object') {
// Node/CommonJS
module.exports = factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function ($) {
var pluses = /\+/g;
function encode(s) {
return config.raw ? s : encodeURIComponent(s);
}
function decode(s) {
return config.raw ? s : decodeURIComponent(s);
}
function stringifyCookieValue(value) {
return encode(config.json ? JSON.stringify(value) : String(value));
}
function parseCookieValue(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
try {
// Replace server-side written pluses with spaces.
// If we can't decode the cookie, ignore it, it's unusable.
// If we can't parse the cookie, ignore it, it's unusable.
s = decodeURIComponent(s.replace(pluses, ' '));
return config.json ? JSON.parse(s) : s;
} catch(e) {}
}
function read(s, converter) {
var value = config.raw ? s : parseCookieValue(s);
return $.isFunction(converter) ? converter(value) : value;
}
var config = $.cookie = function (key, value, options) {
// Write
if (arguments.length > 1 && !$.isFunction(value)) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
}
return (document.cookie = [
encode(key), '=', stringifyCookieValue(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Read
var result = key ? undefined : {},
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
cookies = document.cookie ? document.cookie.split('; ') : [],
i = 0,
l = cookies.length;
for (; i < l; i++) {
var parts = cookies[i].split('='),
name = decode(parts.shift()),
cookie = parts.join('=');
if (key === name) {
// If second argument (value) is a function it's a converter...
result = read(cookie, value);
break;
}
// Prevent storing a cookie that we couldn't decode.
if (!key && (cookie = read(cookie)) !== undefined) {
result[name] = cookie;
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key, options) {
// Must not alter options, thus extending a fresh object...
$.cookie(key, '', $.extend({}, options, { expires: -1 }));
return !$.cookie(key);
};
}));
希望本文所述对大家jQuery程序设计有所帮助。