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