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'));
},

  



posted @ 2015-12-24 22:56  破玉  阅读(238)  评论(0编辑  收藏  举报