jquery.cookie的使用
今天想到了要为自己的影像日记增加赞的功能，并且需要用到cookie。
记得原生的js操作cookie也不是很麻烦的，但似乎jquery更简单，不过相比原生js，需要额外引入2个文件，似乎又不是很好，但既然你的项目是基于jquery的，那用jquery.cookie还是不错的。
jquery.cookie的项目地址：jquery-cookie
readme.md中也介绍了用法。简单介绍一下后，下面我们结合实例来用：
增：$.cookie(‘isZan’, ‘1’, { expires: 1, path:’/’});
数字1表示设置有效期为1天，path:’/’表示当前域名的根目录，例如www.baidu.com，这样设置以后cookie值就可以通用。
删：\$.cookie(‘isZan’, null);或者 \$.removeCookie(‘isZan’);
其它相关参数：
secure: true
默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）。
raw: true
默认值：false。
默认情况下，读取和写入 cookie 的时候自动进行编码和解码（使用encodeURIComponent 编码，
decodeURIComponent 解码）。要关闭这个功能设置 raw: true 即可。
详细请参考官方，还有这篇：jquery.cookie 使用方法
【实例】我想点击设置cookie，点击删除则删除该cookie。页面图：
那么我们的html代码是：
<body>
<a href="#" class="zan">点赞</a> <a href="#" class="del">删除cookie</a> <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="jquery.cookie.js"></script> </body>
js代码
$(function(){
$('.zan').click(function(){
//先判断cookie是否等于我们设置的
// 如果不等于，就发送加1的请求
if($.cookie('isZan') == undefined){
$.post('add.php',{id:"1"}, function(data){
if(data == "ok"){
//如果数据库写入加1成功则，添加cookie缓存
$.cookie('isZan', '1', { expires: 1 });
}
});
}
// 如果存在则不加1，弹出提示
else{
alert("今天已经赞过一次了，感谢你！");
}
});
//删除cookie
$('.del').click(function(){
if($.cookie('isZan') != undefined){
// $.cookie('isZan', null);
$.removeCookie('isZan');
alert("你的cookie值已成功删除！");
}
});
});
当点击以后，查看cookie
点击删除，
但如果你是用的
$.cookie('isZan', null);
那么它的值被设置为了null
jquery.cookie的使用的更多相关文章
- jQuery cookie使用
什么是jquery cookie? A simple, lightweight jQuery plugin for reading, writing and deleting cookies. Usa ...
- jQuery插件 -- Cookie插件jquery.cookie.js（转）
Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存 ...
- jquery cookie的用法
http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526663.html jQuery cookie是个很好的cookie插件,大概的使 ...
- jquery.cookie.js && java后台代码 操作cookie实现记住当前用户输入信息代码
下载jquery.cookie.js地址看这里:http://pan.baidu.com/s/1gdCPaN5 //初始化页面时验证是否记住了密码 $(document).ready(function ...
- 【转】jquery.cookie.js的使用
Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是 ...
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下. 复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...
- jquery.cookie() 的使用（原）
jquery.cookie()是一个轻量级的cookie 插件,可以读取.写入.删除 cookie. 步奏: 1. 添加jQuery插件和jQuery.cookie插件 <script src= ...
- Jquery.cookie.js 源码和使用方法
jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the ...
- jQuery.cookie.js插件了解及使用方法
jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jque ...
随机推荐
- Android SwipeRefreshLayout 下拉刷新——Hi_博客 Android App 开发笔记
以前写下拉刷新 感觉好费劲,要判断ListView是否滚到顶部,还要加载头布局,还要控制 头布局的状态,等等一大堆.感觉麻烦死了.今天学习了SwipeRefreshLayout 的用法,来分享一下,有 ...
- 如何一步一步用DDD设计一个电商网站（一）—— 先理解核心概念
一.前言 DDD(领域驱动设计)的一些介绍网上资料很多,这里就不继续描述了.自己使用领域驱动设计摸滚打爬也有2年多的时间,出于对知识的总结和分享,也是对自我理解的一个公开检验,介于博客园这个平 ...
- xamarin DependencyService源码阅读
xamarin在面对PCL无法实现的各平台特有功能时使用了一种叫[DependencyService]的方式来实现.它使得xamarin能像原生平台一样做平台能做到的事情!主要分四个部分 接口:定义功 ...
- 23种设计模式--观察者模式-Observer Pattern
一.观察者模式的介绍 观察者模式从字面的意思上理解,肯定有两个对象一个是观察者,另外一个是被观察者,观察者模式就是当被观察者发生改变得时候发送通知给观察者,当然这个观察者可以是多个对象,在项 ...
- 苹果强制使用HTTPS传输了怎么办？——关于HTTPS，APP开发者必须知道的事
WeTest 导读 2017年1月1日起,苹果公司将强制使用HTTPS协议传输.本文通过对HTTPS基础原理和通信过程内容的讲解,介绍APP开发者在这个背景下的应对办法. 几周前,我们在<htt ...
- TortoiseGit 文件比对工具使用 Beyond Compare 和 DiffMerge
TortoiseGit 内置的文件比对工具是 TortoiseMerge,用于文件比对和解决冲突合并,TortoiseGit 还支持外部的比对工具使用,比如 Beyond Compare 和 Diff ...
- Autofac - 生命周期
实例生命周期决定在同一个服务的每个请求的实例是如何共享的. 当请求一个服务的时候,Autofac会返回一个单例 (single instance作用域), 一个新的对象 (per lifetime作用 ...
- trigger事件模拟
事件模拟trigger 在操作DOM元素中,大多数事件都是用户必须操作才会触发事件,但有时,需要模拟用户的操作,来达到效果. 需求:页面初始化时触发搜索事件并获取input控件值,并打印输出(效果图如 ...
- BPM流程中心解决方案分享
一.需求分析 在过去办公自动化的浪潮中,很多企业已经实施了OA流程,但随着客户的发展和对流程管理的越来越重视, 客户对流程应用需求越来越深 入,您可能面临以下需求: 1.流程功能不能满足需求,包括流程 ...
- POJ1743 Musical Theme [后缀数组]
Musical Theme Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 27539 Accepted: 9290 De ...