位置: 编程技术 - 正文
推荐整理分享jquery中cookie用法实例详解(获取,存储,删除等)(jquery设置cookie过期时间),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery设置cookie过期时间,js cookie用法,jquery设置cookie过期时间,jquery设置cookie过期时间,js cookie用法,javascript中cookie,jquery.cookie.js 使用,jquery cookie用法,内容如对您有帮助,希望把文章链接给更多的朋友!
本文实例讲述了jquery中cookie用法。分享给大家供大家参考,具体如下:
cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法。
使用JQuery操作cookie时 发生取的值不正确的问题:结果发现cookie有四个不同的属性: 名称,内容,域,路径
使用:时 未指定域和路径。
所有当域和路径不同时会产生不同的cookie取值时会产生问题。
故:进行覆盖。同域下同一个cookieID对应一个值。
下面我们来看个实例
关于cookie的path设置需要注意,如果不设置path:'/'的话,path则会根据目录自动设置[如: '/user']
Jquery操作Cookie记录用户查询过信息
这是一个Cookie数据生成的列表,
每次单击查询会存储一个域名,并把最后一次查询的域名放在最上方。本例子最多存储个,大家可以根据自己情况进行设置
下在咱们一起来看看是怎么实现的吧
先写一个操作Cookie的JS文件如下
在这里面还附带了这样一个效果,就是同时输入多个输入框的值,如下图
如果那个输入框要使用这样的效果只要添加一个属性为url="true"就行了,这样方便 可操作性强,想给那个框加效果就加上这个属性,不想加的直接不加url="true"就OK了。
在使用这个效果的界面添加如下代码
除此之外的JS直接放在一个Js文件里,引用进来就行了下拉列表是怎么加载的呢?看下面的一个方法就知道了
加载列表
完成了这些之后我们只需要在单击查询时进行存储Cookie就行了,看下面的方法
操作Cookie类
调用 时这样写好了功能完成。
进行具体的测试
代码写的不是很好,希望大家多提提建议,我们进行相应修改争取更完善。
Cookie是存储的客户端的,一个并且只能访问同域名下的Cookie,子域名之间可以相互访问,只要加上domain属性就行了,存储的方法如下取的时间直接写 $.cookie("domain");就好了,只要是子域名,都这样调用,这样可以达到本域名下的Cookie共享的功能。
Cookie的有效利用会给我们的网站带来N多意想不到的效果和功能,大家交流下
更多关于jQuery操作cookie相关内容可查看本站专题:《jQuery的cookie操作技巧总结》
希望本文所述对大家jQuery程序设计有所帮助。
基于jQuery实现交互体验社会化分享代码附源码下载 先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读。效果展示源码下载基于jQuery交互体验社会化分享代码。这是一
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办 相关阅读:微信支付如何实现内置浏览器的H5页面支付情景再现:正当开心地收拾东西准备下班的时候,测试部的姑娘跑过来提了一个bug:在iphone下,点击
jQuery+Ajax实现无刷新操作 使用jQuery实现Ajax操作想要实现Ajax页面无刷新效果,但是直接利用Ajax代码实在有些麻烦,所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPReq
友情链接: 武汉网站建设