如何用 jQuery.cookie.js 读取、写入、删除 Cookie
2017-02-25| 程成| 1097| 0| jQuery/JS

如何在页面中,用jquery/js设置网页的cookie。如果从a页面某个js变量需要传递到b页面,但是在跳转到b页面时,页面刷新后,所有的js变量都会随着页面刷新而初始化。这时候就需要cookie来设置传递值了,如何在页面中用jquery/js设置cookie值,这时候就需要第三方jquery.cookie.js帮忙了。


jquery.cookie.js可以实现读取、写入、删除页面的cookie,功能很强大,操作也很简单。

官网地址:http://plugins.jquery.com/cookie/


一、使用方法


1、从官网或者github下载插件,下载下来的压缩包里面有很多文件,但是只需要将其中的jquery.cookie.js留下,其他可以忽略;


2、将jquery和jquery.cookie.js同时引入到你需要调用的页面


<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>


3、页面中操作cookie


(1)、写入


$.cookie('name', 'chengcheng');


(2)、读取


$.cookie('name');


(3)、删除


$.cookie('name',null);



其中$.cookie()方法是有第三个参数的,完整用法如下


$.cookie('name', 'chengcheng',{ expiress: 1 , path: "/", sucue:true,domain:cc1021.com});


二、相关三个参数解释:


1、expiress


cookie设置的有效时间,值可以是数字(以天为单位)或者date对象。如果不设置,默认有效时间为直到浏览器关闭就会失效。


2、path


定义cookie有效路径。默认情况下是创建cookie页面所在路径。如果想在整个网页有效,则设置成 path: '/'


3、sucue


布尔值,表示传输过程中是否需要一个安全协议。默认是false,如果设置成true,传输协议为 https。


4、domain


cookie作用域名,默认创建cookie页面所拥有的域名。如果需要二级域名中cookie也生效,则设置成 cookie: xxx.com,注意跨域的概念。



其实原生js也可以实现cookie的写入,读取,删除,感兴趣的同学自行百度。



×
作者:程成
QQ:492245711