zoukankan      html  css  js  c++  java

  • JQuery设置cookie|JQuery删除cookie|JQuery获取cookie 过期

    简单使用方法：

    1. <html>
    2. <head>
    3. <title>JQuery-Cookie插件</title>
    4. <scripttype="text/javascript"src="jquery-1.4.js"></script>
    5. <scripttype="text/javascript"src="jquery.cookie.js"></script>
    6. </head>
    7. <body>
    8. <ahref="#">设置cookie1</a><br>
    9. <ahref="#">设置cookie2</a><br>
    10. <ahref="#">获取cookie</a><br>
    11. <ahref="#">删除cookie</a><br>
    12. </body>
    13. </html>
    14. <scripttype="text/javascript">
    15. $(function(){
    16. var COOKIE_NAME = 'test_cookie';
    17. //设置cookie，通过时间间隔
    18. $('a').eq(0).click(function() {
    19. $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
    20. return false;
    21. });
    22. // 设置cookie，到期时间
    23. $('a').eq(1).click(function() {
    24. var date = new Date();
    25. date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
    26. $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
    27. return false;
    28. });
    29. // 获取 cookie
    30. $('a').eq(2).click(function() {
    31. alert($.cookie(COOKIE_NAME));
    32. return false;
    33. });
    34. // 删除cookie
    35. $('a').eq(3).click(function() {
    36. $.cookie(COOKIE_NAME, null, { path: '/' });
    37. return false;
    38. });
    39. });
    40. </script>

    插件的源代码也很简单：

    1. jQuery.cookie = function(name, value, options) {
    2. if (typeof value != 'undefined') { // name and value given, set cookie
    3. options = options || {};
    4. if (value === null) {
    5. value = '';
    6. options.expires = -1;
    7. }
    8. var expires = '';
    9. if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
    10. var date;
    11. if (typeof options.expires == 'number') {
    12. date = new Date();
    13. date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
    14. } else {
    15. date = options.expires;
    16. }
    17. expires = '; expires=' + date.toUTCString();
    18. }
    19. var path = options.path ? '; path=' + (options.path) : '';
    20. var domain = options.domain ? '; domain=' + (options.domain) : '';
    21. var secure = options.secure ? '; secure' : '';
    22. document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    23. } else {
    24. var cookieValue = null;
    25. if (document.cookie && document.cookie != '') {
    26. var cookies = document.cookie.split(';');
    27. for (var i = 0; i < cookies.length; i++) {
    28. var cookie = jQuery.trim(cookies[i]);
    29. if (cookie.substring(0, name.length + 1) == (name + '=')) {
    30. cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
    31. break;
    32. }
    33. }
    34. }
    35. return cookieValue;
    36. }
    37. };

    jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
    options = options || {};
    if (value === null) {
    value = '';
    options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed
    options.expires = -1;
    }
    var expires = '';
    if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
    var date;
    if (typeof options.expires == 'number') {
    date = new Date();
    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
    } else {
    date = options.expires;
    }
    expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
    }
    // NOTE Needed to parenthesize options.path and options.domain
    // in the following expressions, otherwise they evaluate to undefined
    // in the packed version for some reason...
    var path = options.path ? '; path=' + (options.path) : '';
    var domain = options.domain ? '; domain=' + (options.domain) : '';
    var secure = options.secure ? '; secure' : '';
    document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
    var cookie = jQuery.trim(cookies[i]);
    // Does this cookie string begin with the name we want?
    if (cookie.substring(0, name.length + 1) == (name + '=')) {
    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
    break;
    }
    }
    }
    return cookieValue;
    }
    };

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <title>jQuery Cookie Plugin</title>
    <script src="http://www.cnblogs.com/scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script src="http://www.cnblogs.com/scripts/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>
  • 相关阅读:
    观察者模式
    饿汉单例模式 and 懒汉单例模式
    解决hash冲突之分离链接法
    bat处理文件
    使用json-org包实现POJO和json的转换
    并发修改异常（ConcurrentModificationException）
    封装特效记录--持续更新
    vue loading组件
    vue授权页面登陆之后返回之前的页面
    vue 路由权限
  • 原文地址：https://www.cnblogs.com/renzhendewo/p/2301147.html
Copyright © 2011-2022 走看看