1、引入相對應的cookie.js插件如下:
<script src="js/jquery.cookie.js"></script> <script src="js/json2.js"></script> <script src="js/jquery.jsoncookie.js"></script>
<script src="自己的js文件.js"></script>
例如:
$('button').click(function(){ var username =$('input[name="username"]').val(); var password =$('input[name="password"]').val(); if(!username || !password){ $("#input2").blur(); $("#input1").blur(); return false; } $.ajax({ type : "get", async:false, data: {"username":username,"password":password}, url : "http://10.0.0.18:8082/sso/user/doLogin2", dataType : "jsonp", jsonp: "callback",//傳遞給請求處理程序或頁面的, 用以獲得jsonp回調函數名的參數名(一般默認爲:callback) success:function(data) { console.log(data); if(data.status =='200'){ var roleid = data.roleid; var username = data.username; var email = data.email;
var cookie_val = $.JSONCookie("userinfo"); cookie_val = { "user": [{ "roleid": roleid, "username": username, "email": email }]}; $.JSONCookie("userinfo", cookie_val, { path: '/', expires: 7 });//存儲json格式cookie location.href='index.html'; } if(data.status =='404'){ //alert(data.error); return false; } }, error:function(){ alert('請求失敗,請重新提交'); return false; } }); });
//,以這樣的形式存入到cookie中去
獲取cookie中的值
(function getUserinfo(){ var cookie_val = $.JSONCookie("userinfo"); for(var i=0; i<cookie_val.user.length;i++){ var userinfo = cookie_val.user[i]; var roleid = userinfo.roleid; var usrrname = userinfo.username;
console.log(username); //追加我的頁面用戶 信息 $('.information').find('p').eq(0).append(usrrname); } })()