1.引用jquery.cookie.js
Bootstrap中文網(wǎng)開源項目免費 CDN 加速服務 http://www.bootcdn.cn/jquery-cookie/
2.設置cookie
//cookie本質(zhì)上是一個txt文本,因此只能夠存入字符串,對象通常要序列化之后才能存入cookie,而取的時候要反序列才又能得到對象。
//a.html
var userData = {
userId:data.userId,
userAccount:data.userAccount
}
//JSON.stringify(userData) 對序列化成字符串。expires:1表示有效時間為1天
$.cookie('userData', JSON.stringify(userData), {expires: 1});
3.讀取已經(jīng)保存的cookie
//b.html
var userData = $.cookie('userData');
if(userData){
//反序列化成對象
userData = JSON.parse(userData);
};
刪除cookie
$.cookie('userData', null);
path: '/' 默認情況:只有設置cookie的網(wǎng)頁才能讀取該cookie。
如果你想在整個網(wǎng)站中訪問這個cookie需要這樣設置有效路徑:path: '/'。
4.重置密碼代碼片段
$('#update_btn').on('click',function(){
var newPwd = $('#new_pwd').val();
var rePwd = $('#affirm_pwd').val();
if(newPwd == rePwd){
var pass = md5(newPwd);
$.ajax({
url:"/user/resettingPass",
type:"post",
data:{userPwd:pass,userId:userData.userId,userAccount:userData.userAccount},
success:function(data,status){
layer.msg('修改成功', {icon: 1, time:1000});
window.location.href="/";
$.cookie('userData', null);
}
});
}else{
layer.msg('兩次密碼輸入不一樣', {icon: 2, time:1000});
$('#affirm_pwd').val('').focus();
}
});