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

本文介绍如何使用JavaScript的cookie插件将JSON数据存入cookie,并讲解如何通过AJAX和PHP来读取这些数据。首先,引入cookie.js插件,然后演示将JSON对象转化为字符串存入cookie的步骤,接着阐述如何在后端使用PHP解析并处理这些数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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);
   }
})()



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值