使用JS和jQuery处理和保存Cookie
Cookie是我们做开发过程中时常需要用到的技术,下面介绍使用Javascript和jQuery方式来处理和保存Cookie。
javascript
javascript处理cookie:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | |
以下代码将调用以上cookie处理方法:
1 2 3 4 5 6 7 8 | |
jQuery
jQuery本身没有相关处理Cookie的方法,但是使用某些插件我们同样可以处理cookie,这里我们使用一个特别的jQuery插件:Cookie plugin
设置cookie:
1 2 3 4 5 6 7 | $(document).ready(function(){ // 设置一个网站cookie, 浏览器重启后会丢失 $.cookie("website","GBin1.com"); // 设置另外一个demo cookie $.cookie("demo",text,{expires: 7, path: '/', domain: 'www.gbin1.com'}); // "text" 是cookie值 }); |
读取cookie:
1 2 3 4 5 | $(document).ready(function(){ // 取得 website cookie: var str = $.cookie("website"); // str 现在等于 GBin1.com }); |
删除Cookie:
1 2 3 4 5 | $(document).ready(function(){ // 删除cookie var str = $.cookie("website",null); // No more kittens }); |
使用增加版本,你可以同时处理多个cookie,如下:
1 2 | // 设置多个cookies $.cookie({ 'cookie1':'value1', 'cookie2':'value2' }); |