您的位置:首页 > Web前端 > JavaScript

json数据如何存入到cookie中,如何获取

2016-09-14 17:30 579 查看
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);
}
})()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax cookie php json
相关文章推荐