JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > 如何使用jQuery或者javascript处理Cookie?

如何使用jQuery或者javascript处理Cookie?

Cookie是我们做前台开发过程中时常需要用到的技术,做为HTML5之前客户端唯一可以使用的本地存储方式,它能够有效的帮助我们实现一些简单数据的本地保存。今天我们介绍使用Javascript和jQuery方式来处理和保存Cookie。

Javascript

javascript处理cookie:

  1. function setCookie(name,value,days) {
  2.     if (days) {
  3.         var date = new Date();
  4.         date.setTime(date.getTime()+(days*24*60*60*1000));
  5.         var expires = "; expires="+date.toGMTString();
  6.     }
  7.     else var expires = "";
  8.     document.cookie = name+"="+value+expires+"; path=/";
  9. }

  10. function getCookie(name) {
  11.     var nameEQ = name + "=";
  12.     var ca = document.cookie.split(';');
  13.     for(var i=0;i < ca.length;i++) {
  14.         var c = ca[i];
  15.         while (c.charAt(0)==' ') c = c.substring(1,c.length);
  16.         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  17.     }
  18.     return null;
  19. }

  20. function deleteCookie(name) {
  21.     setCookie(name,"",-1);
  22. }
  23. /*
  24.   Changed function names from readCookie(), createCookie()
  25.   and eraseCookie() to getCookie(), setCookie() and
  26.   deleteCookie().
  27. */
复制代码

以下代码将调用以上cookie处理方法:

  1. // Create/write a cookie and store it for 1 day
  2. setCookie('myCookie', 'myValue', 1);

  3. // Get my cookie
  4. getCookie('myCookie');

  5. // Delete/erase my cookie
  6. deleteCookie('myCookie');
复制代码

jQuery

jQuery本身没有相关处理Cookie的方法,但是使用某些插件我们同样可以处理cookie,这里我们使用一个特别的jQuery插件:Cookie plugin

设置cookie:

  1. $(document).ready(function(){         
  2.         // 设置一个网站cookie, 浏览器重启后会丢失        
  3.         $.cookie("website","GBin1.com");         
  4.         // 设置另外一个demo cookie        
  5.         $.cookie("demo",text,{expires: 7, path: '/', domain: 'www.gbin1.com'});         
  6.         // "text" 是cookie值
  7. });
复制代码

读取cookie:

  1. $(document).ready(function(){         
  2.         // 取得 website cookie:        
  3.         var str = $.cookie("website");         
  4.         // str 现在等于 GBin1.com
  5. });
复制代码

删除Cookie:

  1. $(document).ready(function(){         
  2.         // 删除cookie
  3.         var str = $.cookie("website",null);         
  4.         // No more kittens
  5. });  
复制代码

使用增加版本,你可以同时处理多个cookie,如下:

  1. // 设置多个cookies
  2. $.cookie({ 'cookie1':'value1', 'cookie2':'value2' });
复制代码



转自GBin1



【如何使用jQuery或者javascript处理Cookie?】相关文章

1. 如何使用jQuery或者javascript处理Cookie?

2. 如何使用javascript/jQuery预先加载图片

3. 如何使用jquery插件截取图片颜色调

4. 如何使用jQuery加载js脚本

5. CoffeeScript 已死,CoffeeScript 万岁!

6. 忘掉jQuery,使用JavaScript原生API

7. 忘掉jQuery,使用JavaScript原生API

8. 如何使用details元素和summary元素

9. 移动Web技术的春天来了?Facebook发布React Native,用JavaScript开发移动原生应用 ...

10. 用JavaScript开发移动原生应用,Facebook正式开源React Native!

本文来源:https://www.51html5.com/a1108.html

点击展开全部

﹝如何使用jQuery或者javascript处理Cookie?﹞相关内容

「如何使用jQuery或者javascript处理Cookie?」相关专题

其它栏目

也许您还喜欢