{"id":1411,"date":"2013-04-24T11:38:00","date_gmt":"2013-04-24T03:38:00","guid":{"rendered":"http:\/\/gaigaiming.com\/?p=314"},"modified":"2013-04-24T11:38:00","modified_gmt":"2013-04-24T03:38:00","slug":"jquery%e8%ae%be%e7%bd%aecookiejquery%e5%88%a0%e9%99%a4cookiejquery%e8%8e%b7%e5%8f%96cookie-%e8%bf%87%e6%9c%9f-2","status":"publish","type":"post","link":"https:\/\/www.gaigaiming.com\/index.php\/2013\/04\/24\/jquery%e8%ae%be%e7%bd%aecookiejquery%e5%88%a0%e9%99%a4cookiejquery%e8%8e%b7%e5%8f%96cookie-%e8%bf%87%e6%9c%9f-2\/","title":{"rendered":"JQuery\u8bbe\u7f6ecookie|JQuery\u5220\u9664cookie|JQuery\u83b7\u53d6cookie \u8fc7\u671f"},"content":{"rendered":"
\n

\u7b80\u5355\u4f7f\u7528\u65b9\u6cd5\uff1a<\/p>\n

\n
    \n
  1. <html>  <\/li>\n
  2.    <head>  <\/li>\n
  3.      <title>JQuery-Cookie\u63d2\u4ef6<\/title>  <\/li>\n
  4.      <script type="text\/javascript" src="jquery-1.4.js"><\/script>  <\/li>\n
  5.      <script type="text\/javascript" src="jquery.cookie.js"><\/script>  <\/li>\n
  6.    <\/head>  <\/li>\n
  7.    <body>  <\/li>\n
  8.      <a href="#">\u8bbe\u7f6ecookie1<\/a><br>  <\/li>\n
  9.      <a href="#">\u8bbe\u7f6ecookie2<\/a><br>  <\/li>\n
  10.      <a href="#">\u83b7\u53d6cookie<\/a><br>  <\/li>\n
  11.      <a href="#">\u5220\u9664cookie<\/a><br>  <\/li>\n
  12.    <\/body>  <\/li>\n
  13. <\/html>  <\/li>\n
  14. <script type="text\/javascript">  <\/li>\n
  15. $(function(){  <\/li>\n
  16.      var COOKIE_NAME = ‘test_cookie’;  <\/li>\n
  17.      \/\/\u8bbe\u7f6ecookie\uff0c\u901a\u8fc7\u65f6\u95f4\u95f4\u9694  <\/li>\n
  18.      $(‘a’).eq(0).click(function() {  <\/li>\n
  19.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘\/’, expires: 1 });  <\/li>\n
  20.          return false;  <\/li>\n
  21.      });  <\/li>\n
  22.      \/\/ \u8bbe\u7f6ecookie\uff0c\u5230\u671f\u65f6\u95f4  <\/li>\n
  23.      $(‘a’).eq(1).click(function() {  <\/li>\n
  24.          var date = new Date();  <\/li>\n
  25.          date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));  <\/li>\n
  26.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘\/’, expires: date });  <\/li>\n
  27.          return false;  <\/li>\n
  28.      });  <\/li>\n
  29.      \/\/ \u83b7\u53d6 cookie  <\/li>\n
  30.      $(‘a’).eq(2).click(function() {  <\/li>\n
  31.          alert($.cookie(COOKIE_NAME));  <\/li>\n
  32.          return false;  <\/li>\n
  33.      });  <\/li>\n
  34.      \/\/ \u5220\u9664cookie  <\/li>\n
  35.      $(‘a’).eq(3).click(function() {  <\/li>\n
  36.          $.cookie(COOKIE_NAME, null, { path: ‘\/’ });  <\/li>\n
  37.          return false;  <\/li>\n
  38.      });  <\/li>\n
  39. });  <\/li>\n
  40. <\/script> <\/li>\n<\/ol>\n<\/blockquote>\n

    \u63d2\u4ef6\u7684\u6e90\u4ee3\u7801\u4e5f\u5f88\u7b80\u5355\uff1a<\/p>\n

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

      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;
          }
      };<\/p>\n<\/p>\n

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

      <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="..\/..\/scripts\/jquery-1.3.1.js" type="text\/javascript"><\/script>
              <script src="..\/..\/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() { \/\/ \u7528\u5929\u6570\u8bbe\u7f6e cookie
                          $.cookie(COOKIE_NAME, ‘test’, { path: ‘\/’, expires: 10 });
                          return false;
                      });
                      $(‘a’).eq(1).click(function() { \/\/ \u7528\u65e5\u671f\u8bbe\u7f6e 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() { \/\/ \u83b7\u53d6 cookie
                          alert($.cookie(COOKIE_NAME));
                          return false;
                      });
                      $(‘a’).eq(3).click(function() { \/\/ \u5220\u9664 cookie
                          $.cookie(COOKIE_NAME, null, { path: ‘\/’ });
                          return false;
                 &
      \nnbsp;    });
                      $(‘a’).eq(4).click(function() { \/\/ \u8bbe\u7f6e\u7b2c\u4e8c\u4e2a cookie
                          $.cookie(ADDITIONAL_COOKIE_NAME, ‘foo’, { expires: 10 });
                          return false;
                      });
                      $(‘a’).eq(5).click(function() { \/\/ \u83b7\u53d6\u7b2c\u4e8c\u4e2a cookie
                          alert($.cookie(ADDITIONAL_COOKIE_NAME));
                          return false;
                      });
                      $(‘a’).eq(6).click(function() { \/\/ \u5220\u9664\u7b2c\u4e8c\u4e2a cookie
                          $.cookie(ADDITIONAL_COOKIE_NAME, null);
                          return false;
                      });
                  });
              <\/script>
          <\/head>
          <body>
              <p>
                  <a href="#">\u8bbe\u7f6e cookie (\u8bbe\u7f6e\u6709\u6548\u671f\u5929\u6570\u4e3a 10 \u5929)<\/a><br>
                  <a href="#">\u8bbe\u7f6e cookie (\u901a\u8fc7 date \u5bf9\u8c61\u8bbe\u7f6e\u8fc7\u671f\u65e5\u671f\u4e3a 3 \u5929\u540e\u7684\u90a3\u5929)<\/a><br>
                  <a href="#">\u83b7\u53d6 cookie<\/a><br>
                  <a href="#">\u5220\u9664 cookie<\/a><br>
                  <a href="#">\u8bbe\u7f6e\u53e6\u4e00\u4e2a cookie<\/a><br>
                  <a href="#">\u83b7\u53d6\u53e6\u4e00\u4e2a cookie<\/a><br>
                  <a href="#">\u5220\u9664\u53e6\u4e00\u4e2a cookie<\/a>
              <\/p>
          <\/body>
      <\/html><\/p>\n<\/blockquote><\/div>\n","protected":false},"excerpt":{"rendered":"

      \u7b80\u5355\u4f7f\u7528\u65b9\u6cd5\uff1a <html>      < […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1411","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/1411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/comments?post=1411"}],"version-history":[{"count":0,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/posts\/1411\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/media?parent=1411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/categories?post=1411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gaigaiming.com\/index.php\/wp-json\/wp\/v2\/tags?post=1411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}