JQuery /JS添加、删除session

这里需要引入JQuery还有操作session的js文件，JQuery在网上的CDN很多，可以自己找。例如：https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js。

接下来是操作session的JS引入，可以直接复制以下代码，或者直接CDN引入http://yourjavascript.com/4294145691/jquerysession.js。

    (function($){
    $.session = {
        _id: null,

        _cookieCache: undefined,


        _init: function()
        {
            this._id = ‘sessionID‘;
            this._initCache();

			var matches = (new RegExp(this._generatePrefix() + "=([^;]+);")).exec(document.cookie);
            if (matches && document.location.protocol !== matches[1]) {
               this._clearSession();
               for (var key in this._cookieCache) {
                   try {
                       window.sessionStorage.setItem(key, this._cookieCache[key]);
                   } catch (e) {};
               }
            }

            document.cookie = this._generatePrefix() + "=" + document.location.protocol + ‘;path=/;expires=‘ + (new Date((new Date).getTime() + 28800000)).toUTCString(); // 加上八个小时=北京时间

        },

        _generatePrefix: function()
        {
            return ‘__session:‘ + this._id + ‘:‘;
        },

        _initCache: function()
        {
            var cookies = document.cookie.split(‘;‘);
            this._cookieCache = {};
            for (var i in cookies) {
                var kv = cookies[i].split(‘=‘);
                if ((new RegExp(this._generatePrefix() + ‘.+‘)).test(kv[0]) && kv[1]) {
                    this._cookieCache[kv[0].split(‘:‘, 3)[2]] = kv[1];
                }
            }
        },

        _setFallback: function(key, value, num)//参数分别是session的key、键值和过期时间，以天为单位，num=1即为1天，不传或传入非数字均默认为1天
        {
                  
                var cookie = this._generatePrefix() + key + "=" + value + ";path=/";
                if(!isNaN(num)){  
                    cookie += ";expires=" + (new Date(Date.now() +(86400000*Number(num)) )).toUTCString();            
               }else{
                console.log(‘!!!The third input value must be a number. Otherwise, it is set to 1 day by default.^_^‘);
                cookie += ";expires=" + (new Date(Date.now() +86400000 )).toUTCString();
               }
                document.cookie = cookie;
                this._cookieCache[key] = value;
                return this;
        },

        _getFallback: function(key)
        {
            if (!this._cookieCache) {
                this._initCache();
            }
            return this._cookieCache[key];
        },

        _clearFallback: function()
        {
            for (var i in this._cookieCache) {
                document.cookie = this._generatePrefix() + i + ‘=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;‘;
            }
            this._cookieCache = {};
        },

        _deleteFallback: function(key)
        {
            document.cookie = this._generatePrefix() + key + ‘=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;‘; // 把有效时间设置为过期
            delete this._cookieCache[key];
        },

        get: function(key)
        {
            return window.sessionStorage.getItem(key) || this._getFallback(key);
        },

        set: function(key, value, onceOnly)
        {
            try {
                window.sessionStorage.setItem(key, value);
            } catch (e) {}
            this._setFallback(key, value, onceOnly || false);
            return this;
        },
        
        ‘delete‘: function(key){
            return this.remove(key);
        },

        remove: function(key)
        {
            try {
            window.sessionStorage.removeItem(key);
            } catch (e) {};
            this._deleteFallback(key);
            return this;
        },

        _clearSession: function()
        {
          try {
                window.sessionStorage.clear();
            } catch (e) {
                for (var i in window.sessionStorage) {
                    window.sessionStorage.removeItem(i);
                }
            }
        },

        clear: function()
        {
            this._clearSession();
            this._clearFallback();
            return this;
        }

    };

    $.session._init();

})(jQuery);

引入后的使用方法：

设置添加、更改session并设置过期时间

$.session.set(‘key‘, ‘value‘, 2);//参数分别是session的key、键值和过期时间，以天为单位，num=1即为1天，不传或传入非数字均默认为1天

获取数据

$.session.get(‘key‘);

删除数据

$.session.remove(‘key‘);

清空所有数据

$.session.clear();

转载修改自：https://www.cnblogs.com/shouke/p/11324146.html

JQuery /JS添加、删除session