jquery操作Cookie
2014-09-29 17:14
267 查看
jQuery对cookie进行操作,通常会首先考虑使用jquery.cookie.js插件。这里对jquery.cookie.js插件对cookie进行操作进行详解
新建一个cookie 包括有效期 路径 域名等:
格式:第一个参数为Cookie的name,第二个参数为Cookie的值,第三个参数为json对象,用来配置Cookie的其他属性。
获取cookie值:用jQuery获取cookie的值的方法那是相当的简单,以下代码为获取cookie的字符串值。
删除一个cookie:删除cookie只需要将其值设置为空即可,如下代码。
PS:每次修改都是一次新的创建,替换原来cookie。设置了域的cookie只能在该域下才能获取。未设置域和path的cookie可以在当前浏览器上的任意地方获取。
jquery.cookie.js代码如下:
新建一个cookie 包括有效期 路径 域名等:
//path为'/'表示路径为根目录。 $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
格式:第一个参数为Cookie的name,第二个参数为Cookie的值,第三个参数为json对象,用来配置Cookie的其他属性。
获取cookie值:用jQuery获取cookie的值的方法那是相当的简单,以下代码为获取cookie的字符串值。
//通过cookie的name获取cookie值 var value = $.cookie("name");
删除一个cookie:删除cookie只需要将其值设置为空即可,如下代码。
<span style="font-family: Arial, Helvetica, sans-serif;">$.cookie('name', null);</span>
PS:每次修改都是一次新的创建,替换原来cookie。设置了域的cookie只能在该域下才能获取。未设置域和path的cookie可以在当前浏览器上的任意地方获取。
jquery.cookie.js代码如下:
/*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === 'function' && define.amd) { // AMD define(['jquery'], factory); } else if (typeof exports === 'object') { // CommonJS 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 (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setTime(+t + 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(). var cookies = document.cookie ? document.cookie.split('; ') : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split('='); var name = decode(parts.shift()); var cookie = parts.join('='); if (key && 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) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, '', $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }));
相关文章推荐
- Jquery cookie操作代码
- JavaScript操作cookie & Jquery跨域读取json数据
- javascript/jquery操作cookie
- jquery.cookie.js操作cookie实现“记住密码”
- javascript / jquery 操作 cookie
- jQuery 操作Cookie 的函数
- Jquery 操作Cookie
- jquery 对 cookie存储 json格式的简单操作
- API - jQuery之操作cookie
- jquery.cookies 操作不同页面的Cookie
- js/jquery操作cookie[原+转]
- jquery.cookie.js操作cookie实现“记住密码”,很简单很强大
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
- JQuery操作cookie插件
- js/jquery操作cookie
- jQuery操作cookie的插件
- jquery 操作cookie
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
- Jquery操作Cookie|多个输入框同时输入效果|下拉列表经典例子
- Jquery 操作 Cookie