当前位置：Gxlcms > JavaScript > jquery中cookie用法实例详解(获取,存储,删除等)_jquery

jquery中cookie用法实例详解(获取,存储,删除等)_jquery

时间：2021-07-01 10:21:17 帮助过：3人阅读

本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下：

cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。

使用JQuery操作cookie时发生取的值不正确的问题：
结果发现cookie有四个不同的属性:
名称，内容，域，路径

使用：

代码如下:

$.cookie("currentMenuID", menuID);

时未指定域和路径。

所有当域和路径不同时会产生不同的cookie

代码如下:

$.cookie("currentMenuID");

取值时会产生问题。

故：

代码如下:

$.cookie("currentMenuID", "menuID", { path: "/"});

进行覆盖。同域下同一个cookieID对应一个值。

下面我们来看个实例

关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/user/,path会被设置为 '/user']

Jquery操作Cookie记录用户查询过信息

这是一个Cookie数据生成的列表，

每次单击查询会存储一个域名，并把最后一次查询的域名放在最上方。本例子最多存储10个，大家可以根据自己情况进行设置

下在咱们一起来看看是怎么实现的吧

先写一个操作Cookie的JS文件如下

在这里面还附带了这样一个效果，就是同时输入多个输入框的值，如下图

如果那个输入框要使用这样的效果只要添加一个属性为url="true"就行了，这样方便可操作性强，想给那个框加效果就加上这个属性，不想加的直接不加url="true"
就OK了。

在使用这个效果的界面添加如下代码

除此之外的JS直接放在一个Js文件里，引用进来就行了
下拉列表是怎么加载的呢？看下面的一个方法就知道了

加载列表

完成了这些之后我们只需要在单击查询时进行存储Cookie就行了，看下面的方法

操作Cookie类

调用时这样写

代码如下:

setCookie("site", strdomin);

好了功能完成。

进行具体的测试

代码写的不是很好，希望大家多提提建议，我们进行相应修改争取更完善。

Cookie是存储的客户端的，一个并且只能访问同域名下的Cookie，子域名之间可以相互访问，只要加上domain属性就行了，存储的方法如下

代码如下:

$.cookie("domain", value, { expires: 7, domain: "7c.com" });

取的时间直接写 $.cookie("domain");就好了，只要是子域名，都这样调用，这样可以达到本域名下的Cookie共享的功能。

Cookie的有效利用会给我们的网站带来N多意想不到的效果和功能，大家交流下

更多关于jQuery操作cookie相关内容可查看本站专题：《jQuery的cookie操作技巧总结》

希望本文所述对大家jQuery程序设计有所帮助。

人气教程排行