`
lsh4894
  • 浏览: 103123 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何使用jQuery或者javascript处理Cookie

阅读更多

如何使用jQuery或者javascript处理Cookie

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

Javascript

javascript处理cookie:
function setCookie(name,value,days) {
 
    if (days) {
 
        var date = new Date();
 
        date.setTime(date.getTime()+(days*24*60*60*1000));
 
        var expires = "; expires="+date.toGMTString();
 
    }
 
    else var expires = "";
 
    document.cookie = name+"="+value+expires+"; path=/";
}
 
function getCookie(name) {
 
    var nameEQ = name + "=";
 
    var ca = document.cookie.split(';');
 
    for(var i=0;i < ca.length;i++) {
 
        var c = ca[i];
 
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
 
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 
    }
 
    return null;
}
 
function deleteCookie(name) {
 
    setCookie(name,"",-1);
}
/*
 
  Changed function names from readCookie(), createCookie()
 
  and eraseCookie() to getCookie(), setCookie() and
 
  deleteCookie().
*/
 



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

 
// Create/write a cookie and store it for 1 day
setCookie('myCookie', 'myValue', 1);
// Get my cookie
getCookie('myCookie');
// Delete/erase my cookie
deleteCookie('myCookie');

 

jQuery

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

设置cookie:

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

读取cookie:
$(document).ready(function(){          
        // 取得 website cookie:         
        var str = $.cookie("website");          
        // str 现在等于 GBin1.com 
});
 

删除Cookie:

$(document).ready(function(){          
        // 删除cookie
        var str = $.cookie("website",null);          
        // No more kittens 
});
 

使用增加版本,你可以同时处理多个cookie,如下:
// 设置多个cookies
$.cookie({ 'cookie1':'value1', 'cookie2':'value2' });
 
分享到:
评论

相关推荐

    jquery 设置cookie、删除cookie、获取cookie

    jquery 设置cookie、删除cookie、获取cookie

    jquery下cookie插件使用

    jQuery Cookie 插件使用及查看cookie 注:在默认情况下,只有设置 cookie 的网页才能读取该 cookie。如果想让一个页面读取另一个页面设 置的cookie,必须设置 cookie 的路径。cookie 的路径用于设置能够读取 cookie ...

    cookie设置插件jquery.cookie.min.js

    cookie设置插件jquery.cookie.min.js 文章《javascript设置cookie高级篇可跨域访问》https://blog.csdn.net/cplvfx/article/details/117822956

    jquery.cookie.js

    支持jquery库下调用jquery.cookie.js

    最新jquery操作cookie插件

    Cookie操作是我们在Web开发中经常会用到的功能,以往我们一般是通过javascript实现的。下面这款jQuery插件是专门用来进行cookie操作的,包括cookie的添加、清除、读取。

    jquery-cookie(Jq取cookie必备).rar

    该包可以用于jq直接取值cookie,需要的可以直接下载,具体的使用方法在压缩包中有个“介绍.txt”,下载后直接可以使用

    jquery-cookie:一个处理cookie的jquery插件

    jquery.cookie 使用介绍一个轻量级的cookie 插件,可以读取、写入、删除 cookie。jquery.cookie.js 的配置###第一种首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。[removed][removed][removed]...

    jquery插件推荐 jquery.cookie

    通过原生的JavaScript实现处理cookies是一项头疼的工作,并且jQuery本身也不具备解决处理cookies的函数, 但是这个极其小(压缩后解决500字节左右)的jquery插件可以用来处理cookies的读写和删除。 兼容性 IE6+、...

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    jquery操作cookie所需js包cookiejs-cookie

    jquery操作cookie所需js包cookiejs-cookie

    浏览器中使用JS操作Cookie详解

    并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 ​我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...

    JQuery权威指南源代码

    使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤选择器 使用jQuery内容过滤...

    jquery cookie.js

    一个js文件。引入页面后可使用jquery操作cookie,方便简单。附有一个记住用户名和密码的例子。

    使用JavaScript实现Cookie的增删改查操作

    NULL 博文链接:https://xusweeter.iteye.com/blog/745077

    详解jQuery的Cookie插件

    调试了半天,终于找到原因,如果同一个页面两次或者多次引入jQuery插件就会报此错误。  使用方法:  1、引入jQuery与jQuery.Cookie.js插件。 [removed][removed] &lt;script src="jquery.c

    jquery.blockUI.js

    Jquery全屏遮掩及加载条插件,使用: &lt;script type="text/javascript" src="js/...&lt;script type="text/javascript" src="js/jquery.cookie.js"&gt; &lt;script type="text/javascript" src="js/jquery.blockUI.js"&gt;&lt;/script&gt;

    javascript从入门到精通PPT

    包括初识JavaScript、JavaScript基础、流程控制、函数、JavaScript对象与...使用Cookie、图像处理、浏览器检测、嵌入式对象、JavaScript中的XML、JavaScript的安全、Ajax技术、jQuery技术、JavaScript+Ajax+jQuery网页...

    cookieKit:jQuery插件以显示Cookie的同意模式并添加Google Analytics(分析)标签

    jQuery插件以显示Cookie的同意模式并添加Google Analytics(分析)标签: 目录 快速开始 下载版本: 下载 或克隆仓库: git clone https://github.com/avantage-digital/cookieKit.git 导入库插件: &lt; script ...

    Zebra_Cookie:一个非常小的jQuery插件,用于处理cookie-开源

    使用纯JavaScript处理cookie可能是一项艰巨的任务,并且由于jQuery本身并不包含处理cookie的功能,因此我创建了Zebra_Cookie-一个非常小的(最小约500字节)的jQuery插件,用于编写,读取和删除cookie。

    countdowntimer:使用 jquery cookie 倒计时

    倒计时器#Introduction 使用 jquery cookie 倒计时。 在这些项目中使用的是 jQuery Cookie Plugin v1.4.1。 谢谢你。 (:

Global site tag (gtag.js) - Google Analytics