20151224jquery学习笔记---cookie插件
hello,祝自己平安夜快乐。
Cookie 是网站用来在客户端保存识别用户的一种小文件。一般来用库可以保存用户登
录信息、购物数据信息等一系列微小信息。
一. 使用 cookie 插件
官方网站: http://plugins.jquery.com/cookie/
//生成一个 cookie: $.cookie('user', 'bnbbs'); //设置 cookie 参数 $.cookie('user', 'bnbbs', { expires : 7, //过期时间, 7 天后 path : '/', //设置路径,上一层 domain : 'www.ycku.com', //设置域名 secure : true, //默认为 false,需要使用安全协议 https }); //关闭编码/解码,默认为 false $.cookie.raw = true; //读取 cookie 数据 alert($.cookie('user')); //读取所有 cookie 数据 alert($.cookie()); 注意:读取所有的 cookie 是以对象键值对存放的,所以,也可以$.cookie().user 获取。 //删除 cookie $.removeCookie('user'); //删除指定路径 cookie $.removeCookie('user', { path : '/', });
二. 注册直接登录
把 cookie 引入到知问前端中去。
//HTML 部分 <div class="header_member"> <a href="javascript:void(0)" id="reg_a">注册</a> <a href="javascript:void(0)" id="member">用户</a> | <a href="javascript:void(0)" id="login_a">登录</a> <a href="javascript:void(0)" id="logout">退出</a> </div> //jQuery 部分 $('#member, #logout').hide(); if($.cookie('user')) { $('#member, #logout').show(); $('#reg_a, #login_a').hide(); } else { $('#member, #logout').hide(); $('#reg_a, #login_a').show(); } $('#logout').click(function () { $.removeCookie('user'); window.location.href= '/jquery/'; }); success : function (responseText, statusText) { $('#reg_a, #login_a').hide(); $('#member, #logout').show(); $('#member').html($.cookie('user')); },