Cookie实现数据共享,2024阿里+头条+腾讯等大厂Java笔试题分享

Cookie cookie=new Cookie(“key”,“王五”);

Cookie cookie1=new Cookie(“key2”,“好人一个”);

//将数据存入到cookie当中并将cookie写入到响应头中返回给浏览器。

resp.addCookie(cookie);

resp.addCookie(cookie1);

}

}

分析:此时我们存储数据的方式是通过创建一个cookie对象来进行存储**,存储形式更像是我们的键值对**,也就是我们的key—value形式的键值对,cookie相当于一个map,但并不完全是Map集合.

注意:1:一个cookie只能存放一个键值对,所以我们在定义变量名的时候都会去设置不同的变量名称,用来存放多个键值对。

2:key和value此时都只能是String,之前我们通过全局作用域对象Application对象调用setAttribute方法存储数据的时候,这个value值可以是任意的数据类型,没有限制。

3:注意此时的这个键值对key不能是中文。

存储完毕后,通过我们的响应对象resp调用addCookies方法将我们的cookie写入到我们的http响应协议包中的响应头中,返回给浏览器。

所以宏观上为浏览器发送给OneServlet一个请求后,OneSevlet将数据存储后返回给浏览器一个cookie.

过程大致如下:

将http响应协议包返回给浏览器                                              http响应协议包中的格式:

浏览器/用户      <--------------------------------------------http响应协议包                    状态行:【200】

响应头:【cookie: key=王五; key1=好人一个】

空白行:【】

响应体:【处理结果】

2:当OneServlet将数据返回给前端后,此时我们想将这个数据共享给TwoServlet的话,那么就需要TwoServlet从浏览器发来的http请求协议包中的请求头中获取到我们的cookie

注意:浏览器第二次向myWeb网站发送请求访问TwoServlet时,浏览器会将cookie放到http请求协议包中的请求头中。

http请求协议包格式如下所示:

请求行【url:/myWeb/two method:get】

请求头【

请求参数:xxxx

Cookie   key1=abc;key2=efg

空白行【 】

请求体【  】

TwoServlet类代码实现如下所示:

public class TwoServlet extends HttpServlet {

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//获取从请求头中得到的cookie数据

Cookie cookies[] = req.getCookies();

//利用for each循环来进行数组的遍历。

//cookie变量去接收每次循环得到的元素

//cookies是需要遍历的数组或集合

//cookie的变量类型必须跟cookies数组的类型一致

for (Cookie cookie : cookies) {

//分别运用getName和getValue方法获取到key和value值

String name = cookie.getName();

String value = cookie.getValue();

}

}

}

分析:此时接收到请求头中的cookie后,我们就要想着如何从中获取到我们的数据

1:获取cookie中的数据;此时我们使用请求对象req的属性中的getCookies方法来获取我们的cookie对象

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Java工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Java开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
img

线程、数据库、算法、JVM、分布式、微服务、框架、Spring相关知识

一线互联网P7面试集锦+各种大厂面试集锦

学习笔记以及面试真题解析

…(img-uTbo9i5i-1710959842875)]

一线互联网P7面试集锦+各种大厂面试集锦

[外链图片转存中…(img-kYoRBQCE-1710959842875)]

学习笔记以及面试真题解析

[外链图片转存中…(img-WrqK7y9s-1710959842875)]

本文已被CODING开源项目:【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue 3 + Vite + Element Plus中,要实现页面刷新时保留数据,可以借助浏览器的Cookie来存储数据。下面是一个简单的实现步骤: 1. 安装cookie库:在项目中使用`npm`或`yarn`安装`js-cookie`库。 ```bash npm install js-cookie 或 yarn add js-cookie ``` 2. 创建一个`utils`文件夹,然后在该文件夹下创建一个名为`cookie.js`的文件。 3. 在`cookie.js`文件中,引入`js-cookie`库,并创建以下两个方法: ```javascript import Cookies from 'js-cookie'; // 存储数据到Cookie export function setCookie(key, value) { Cookies.set(key, value); } // 从Cookie中读取数据 export function getCookie(key) { return Cookies.get(key); } ``` 4. 在需要保留数据的组件中,例如`Home.vue`,使用`setCookie`方法将数据存储到Cookie中。 ```javascript import { setCookie } from '@/utils/cookie'; export default { mounted() { // 假设要保存的数据是一个对象 const data = { name: 'John', age: 25 }; // 存储数据到Cookie setCookie('data', JSON.stringify(data)); }, }; ``` 5. 在需要恢复数据的组件中,例如`Profile.vue`,使用`getCookie`方法从Cookie中读取数据。 ```javascript import { getCookie } from '@/utils/cookie'; export default { data() { return { data: null, }; }, mounted() { // 从Cookie中读取数据 const cookieData = getCookie('data'); if (cookieData) { this.data = JSON.parse(cookieData); } }, }; ``` 通过上述步骤,你可以在刷新页面后仍然保留数据。当需要存储数据时,使用`setCookie`方法将数据存储到Cookie中;当需要恢复数据时,使用`getCookie`方法从Cookie中读取数据。请注意,Cookie的大小是有限制的,如果存储的数据量较大,可能会超过Cookie的大小限制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值