本文实例讲述了jQuery中COOKIE插件用法。分享给大家供大家参考,具体如下:
Jquery里面提供了很多插件,方便,安全,快速实用。这节一起熟悉下JQUERY中操作COOKIE的插件,插件名称为jquery.COOKIE.js,可以去官方网站下载。
下载地址: http://plugins.jquery.com/project/COOKIE.
插件主要报告如下几个用法
1.创建COOKIE
创建一个名称为username,值为 admin的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
附: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
希望本文所述对大家jQuery程序设计有所帮助。