jquery设置cookie

1、下载jquery-1.11.1.js，因为jquery2不支持IE8，所以使用了jquery1版本

 

2、下载jquery的cookie插件

jQuery.cookie = function(name, value, options) {   
    if (typeof value != 'undefined') { // name and value given, set cookie  
        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(); // use expires attribute, max-age is not supported by IE  
        }  
        // CAUTION: 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;  
    }  
};

3、编写测试页面

<html>
<head>
<script src="../jquery-1.11.1.js"></script>
<script src="jquery-cookie.js"></script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $.cookie('the_cookie', 'the_value',{expires:2}); 
});
$("#btn2").click(function(){
  var cook = $.cookie('the_cookie'); //读取Cookie值
  alert(cook);
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="1" />
<input type="button" id="btn2" value="2" />

<input type="text" id="test" value="test"></input>
<body>


</html>

4、将代码发布到测试服务器上，通过python来访问，启用方式如下：

 http://www.cnblogs.com/xuelu/p/4127112.html

5、在本地访问测试页面

http://100.15.6.160:8000/cookie/cookieTest.html

posted @ 2014-11-27 20:31  皓若繁星  阅读(3155)  评论(0)  编辑  收藏  举报