jQuery操作cookie程式碼例項

antzone發表於2017-03-02

cookie是非常好用的,設定網站中不可獲取的,例如可以記住使用者的一些訪問資訊,以便下一次訪問的時候直接使用就可以了,所以對於cookie的操作是很重要的意向技能,下面是一段jquery操作cookie的外掛,希望能夠對需要的朋友帶來一定的幫助。

外掛程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
jQuery.cookie = function(name, value, options) {
  if (typeof value != 'undefined'){
    options = options || {};
    if (value === null){
      value = '';
      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(); 
    }
    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{
    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>);
        if (cookie.substring(0, name.length + 1) == (name + '=')){
          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
          break;
        }
      }
    }
    return cookieValue;
  }
};

使用說明:

1.設定指定cookie的值:

$.cookie('name', ‘value');

2.建立一個新的cookie包括有效期 路徑 域名等:

$.cookie('name', ‘value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true});

3.建立一個普通cookie:

$.cookie('name', ‘value');

4.刪除一個cookie:

$.cookie('name', null);

5.獲取一個cookie的值:

$.cookie('name')。

相關文章