学习要点:
1.使用cookie插件
2.注册直接登录
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").hide();
$("#member").html($.cookie("user"));
$("#member").html($.cookie("user"));
}