Jquery李炎恢—53cookie插件【19】

学习要点：

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"));

}