cookie简单应用

1.引用jquery.cookie.js

Bootstrap中文网开源项目免费 CDN 加速服务 http://www.bootcdn.cn/jquery-cookie/

2.设置cookie

//cookie本质上是一个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.读取已经保存的cookie

//b.html
var userData = $.cookie('userData');
if(userData){
//反序列化成对象
   userData =  JSON.parse(userData);    
};
删除cookie
$.cookie('userData', null);

path: '/'  默认情况：只有设置cookie的网页才能读取该cookie。
如果你想在整个网站中访问这个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();
    }

});