jquery.cookie.js的操作及cookie的使用方法
用户投稿 学习笔记 15阅读
jquery.cookie.js的操作及cookie的使用方法： 1.首先引入jquery.js,再引入jquery.cookie.js
原因：jquery.cookie.js是引用了jquery.js的方法，引入的顺序不能变
<script src="/webnet/resource/js/jquery.js"></script><script src="/webnet/resource/js/jquery.cookie.js"></script> 2.常用方法 （1）设置cookie值（键值对） $.cookie(’the_cookie’, ‘the_value’);//例：设置username=zhangsan$.cookie("username","zhangsan");注意：cookie各属性含义
（1.cookie名称：Cookie名称必须使用只能用在URL中的字符，一般用字母及数字，不能包含特殊字符，如有特殊字符想要转码。 （2.Expires，过期日期，一个GMT格式的时间，当过了这个日期之后，浏览器就会将这个Cookie删除掉，当不设置这个的时候，Cookie在浏览器关闭后消失。 （3.Path，路径属性，在这个路径下面的页面才可以访问该Cookie，一般设为“/”，表示同一个站点都可以访问这个cookie； （4.Domain，子域，指定在该子域下才可以访问Cookie，例如要让Cookie在a.action.com下可以访问，但在b.action.com下不能访问，则可将domain设置成a.test.com。 （5.Secure，安全性，指定Cookie是否只能通过https协议访问，默认Cookie使用HTTP协议访问，如果设置了secure:true，则只有当使用https协议连接时cookie才可以被页面访问。
(2) 新建设置一个cookie：包括有效期，路径，可访问子域，安全性 $.cooke("the_name","the_value",{expires:7,path:"/",domain:"action.com",secure:true}); (3) 读取cookie的值 //读取用户名username的值$.cookie("username"); (4) 删除cookie //删掉username的cookie值$.cookie("username",null); 3. 示例html部分
<body> 用户名：<input type="text" class="username"/><br /> 密码：<input type="text" class="password"/> <br /><br /> <input type="checkbox" name="remember" class="remember" /><label for="remember" >记住密码</label> <input type="button" class="submit" value="submit"/></body>cookie使用示例
//设置password（记住密码） $(function () { //如果cookie账号密码存在 if ($.cookie("username") != null && $.cookie("password") != null){ $(".name").val($.cookie("username")); //根据cookie值回显账号 $(".psd").val($.cookie("password")); //根据cookie值回显密码 $(".remember").attr("checked","checked"); } //如果cookie账号密码不存在，则登录成功后存入cookie值 $(".submit").click(function () { //登录成功 var name = $(".username").val(); var pwd = $(".password").val(); var checked = $(".remember").attr("checked"); if (checked == "checked") { $.cookie("username", name, {expires:5}); $.cookie("password", pwd, {expires:5}); alert('存入cookie'); } else { //登录失败，删除cookie $.cookie("username", null); $.cookie("password",null); } }); });标签：