热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jQuery中cookie插件用法实例分析

这篇文章主要介绍了jQuery中cookie插件用法,结合完整实例形式分析了jQuery针对cookie操作的插件jquery.cookie.js相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中COOKIE插件用法。分享给大家供大家参考,具体如下:

Jquery里面提供了很多插件,方便,安全,快速实用。这节一起熟悉下JQUERY中操作COOKIE的插件,插件名称为jquery.COOKIE.js,可以去官方网站下载。

下载地址: http://plugins.jquery.com/project/COOKIE.

插件主要报告如下几个用法

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 

希望本文所述对大家jQuery程序设计有所帮助。


推荐阅读
author-avatar
爱圣翼迹
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有