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); } })()
相关文章推荐
- java 把string数据转换成date数据存入mysql的问题,如何获取当前时间date存入数据库
- 使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析
- 59-002-1 前台如何获取ajax传递过来的json数据.
- PHP如何获取Post请求中的Json字符串数据?
- Servlet如何获取ajax中以json格式传入的数据?
- C# 语言如何获取json格式的数据,不用javascript用c#实现。。。
- 如何调用http接口获取json数据及GET/POST方式调用http接口
- 16-07-29 android 方法 如何引用链接获取json数据
- vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
- 通过servlet从气象局接口获取到天气预报的json数据,并解析得到的json数据存入数据库(案例)
- 如何构建JSON数据,JSON数据的格式,JSON数据的获取
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- JAVA 根据URL获取JSON数据,并解析后存入数据库
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 关于如何获取天气预报信息,JSON数据
- Servlet如何获取ajax中以json格式传入的数据
- 免费PM2.5数据如何获取之PM25.in网站API调用JSON数据处理方法
- Extjs 如何获取jsonstore中的数据
- 如何获取动态key的json数据