基于JQuery的cookie插件

最新推荐文章于 2021-11-21 13:59:40 发布
最新推荐文章于 2021-11-21 13:59:40 发布
阅读量285 收藏
点赞数
分类专栏： javaWeb开发
JQuery居然没有操作cookie相关的函数，搜了下官方有个cookie的插件。
简单使用方法：

<html>
<head>
<title>JQuery-Cookie插件</title>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<a href="#">设置cookie1</a><br>
<a href="#">设置cookie2</a><br>
<a href="#">获取cookie</a><br>
<a href="#">删除cookie</a><br>
</body>
</html>
<script type="text/javascript">
$(function(){
var COOKIE_NAME = 'test_cookie';
//设置cookie，通过时间间隔
$('a').eq(0).click(function() {
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
return false;
});
// 设置cookie，到期时间
$('a').eq(1).click(function() {
var date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
// 获取 cookie
$('a').eq(2).click(function() {
alert($.cookie(COOKIE_NAME));
return false;
});
// 删除cookie
$('a').eq(3).click(function() {
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
});
</script>

插件的源代码也很简单：

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();
}
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 {
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]);
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
xywlzd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery.cookie.js插件源码绿色工具
12-08
使用cookies将我们最近选择的一个主题保存、方便我们下一次登录时看到的还是我们上次选择的主题。
JQuery cookie插件 完整源代码 jquery.cookie.js
hongdwhaf的专栏
04-11 520
JQuery cookie插件 完整源代码 jquery.cookie.js
cookie操作（jquery的cookie插件源码）
weixin_34306676的博客
09-07 57
cookie : function (key, value, options) { var days, time, result, decode; // A key and value were given. Set cookie. if (arguments.length > 1 && S...
jquery.cookie.js源码和使用方法
笨鸟快飞的专栏
09-23 2019
jQuery操作cookie的插件,大概的使用方法如下 $.cookie('the_cookie’); //读取Cookie值 $.cookie(’the_cookie’, ‘the_value’); //设置cookie的值 $.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’,
基于jquery的cookie的用法
10-28
jQuery.cookie.js是个很好的cookie插件，大概的使用方法如下，需要的朋友可以参考下。
Jquery操作cookie记住用户名
11-24
jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件，可以读取、写入、删除 cookie。 jquery.cookie.js可以从Github上面获得源码 https://github.com/carhartl/jquery-cookie 二、jquery.cookie.js...
jQuery基于json与cookie实现购物车的方法
11-23
本文实例讲述了jQuery基于json与cookie实现购物车的方法。分享给大家供大家参考，具体如下： json 格式： [{'ProductID':ABC','Num':'1'},{'ProductID':DEF,'Num':'2'}] 这里使用到了 $.cookie这个插件。这个插件...
jquery.cookie.js 1.4源码
无忌
12-02 243
  Jquery cookie plugin v1.4.0 源码：https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie.js   /*! * jQuery Cookie Plugin v1.4.0 * https://github.com/carhartl/jquery-cookie * * ...
jquery.cookie.js包
10-12
内容包含jquery.cookie.js包，“记住密码”功能使用cookie包的具体代码实现
jquery.cookie.js下载
10-18
jquery cookie.js jquery cookie.js 官方下载，一款优秀的 jquery 插件，提供了非常轻量级、简单、实用的操作 cookie 的方法，包括读写、删除等操作，jquery cookie 路径，jquery cookie 时间，jquery cookie 有效期，jquery cookie 读写。
cookie:Cookie组件
04-29
曲奇饼 Cookie组件。 安装 $ component install component/cookie 例子 // set cookie ( 'name' , 'tobi' ) cookie ( 'name' , 'tobi' , { path : '/' } ) cookie ( 'name' , 'tobi' , { maxage : 60000 } ) // in milliseconds cookie ( 'species' , 'ferret' ) // get var name = cookie ( 'name' ) // => "tobi" var cookies = cookie ( ) // => { name: "tobi", species: "ferret" } // clear cookie ( 'name' , null ) 执照 麻省理工学院
Jquery cookie插件实现原理代码解析
11-20
Cookie 是由 Web 服务器保存在用户浏览器上的小文本文件，它包含有关用户的本地终端上的数据。 jQuery提供了一个十分简单的插件（名称也是Cookie）来管理网站的Cookie。 下载地址：http://github.com/carhartl/jquery-cookie 例子： 当在用户名字段填写用户名后，单击下面的“记住用户名”复选框后，再次打开这个页面，发现用户名字段上已经被自动赋值（之前所填写的用户名） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh
jquery中的cookie
zzz_781111的专栏
05-03 631
jquery没有直接操作cookie的函数，所以我们可以写一个cookie的操作函数，也可以下载一个jquery cookie插件，或者直接把jquery cookie函数拿来用。 1、正常思路的普通写法。 //(1).创建Cookie 我们要进行的第一件事就是要创建一个Cookie。下面给出的SctCookie()函数将完成这一功能。 function SetCooki
Cookie 类源码分析笔记
往南的博客
11-21 452
import java.io.Serializable; import java.text.MessageFormat; import java.util.ResourceBundle; public class Cookie implements Cloneable, Serializable { /** * serialVersionUID适用于Java的序列化机制。 * 简单来说，Java的序列化机制是通过判断类的serialVersionUID来验证版本一致性的。 .
Servlet规范系列 之 Cookie源码分析
键盘上流淌的日子
08-16 3750
欢迎大家关注本博，同时欢迎大家评论交流，可以给个赞哦！！！   谈到Cookie，就得说到会话跟踪技术，在Web发展早期，Cookie是会话跟踪技术的不二选择，拥有统一的实现标准。在基于无状态的HTTP协议进行服务搭建时，如何保持更加安全、简便的保持会话，就成了首要问题，Cookie技术就应运而生了。   Cookie是由一个键和一个值构成的，由服务器创建，随着服务器响应发送给客户端浏览器。客户端浏览器会把Cookie保存下来，下一次访问服务器时把服务器发送的Cookie再发送给服务器。单独来说Cook.
jquery.cookie.js 使用整理（一）
热门推荐
天马3798
04-11 1万+
一、简介 Git源代码地址： https://github.com/carhartl/jquery-cookie Cookie常用属性 一个Cookie包含以下信息： 1)Cookie名称，Cookie名称必须使用只能用在URL中的字符，一般用字母及数字，不能包含特殊字符，如有特殊字符想要转码。如js操作cookie的时候可以使用escape()对名称转码。 2)Cookie值，...
原生js和jquery两种处理cookie的插件介绍
canglingyue的专栏
08-31 5031
原文地址：weber.com jquery.cookie插件库和js.cookie的作者都是Klaus Hartl （github地址：https://github.com/carhartl）。这两个都可以读、写和删除cookie。 两个库的下载地址链接：http://pan.baidu.com/s/1i5M4ne1 密码：9pumjs.cookie 库介绍 一个简单的、轻量级的javasc
jQuery Cookie 插件
最新发布
04-30
jQuery Cookie 插件是一个非常流行的 jQuery 插件，它可以帮助我们在客户端存储和读取 cookie。使用 jQuery Cookie 插件，我们可以轻松地设置、获取、删除 cookie，而不必自己编写繁琐的 JavaScript 代码。 下面是一个简单的例子，演示如何使用 jQuery Cookie 插件： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Cookie 插件示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.cookie/1.4.1/jquery.cookie.min.js"></script> <script> $(document).ready(function() { // 设置 cookie $.cookie('username', 'johndoe'); // 获取 cookie var username = $.cookie('username'); console.log(username); // 输出 "johndoe" // 删除 cookie $.removeCookie('username'); }); </script> </head> <body> <!-- 页面内容 --> </body> </html> ``` 在这个例子中，我们首先引入了 jQuery 库和 jQuery Cookie 插件。然后，我们在文档就绪后使用 `$.cookie()` 方法设置了一个名为 "username" 的 cookie。接着，我们使用 `$.cookie()` 方法获取了该 cookie 的值，并将其输出到控制台。最后，我们使用 `$.removeCookie()` 方法删除了该 cookie。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值