前端和后端如何读写 cookie?

小夏 科技 更新 2024-03-02

你应该已经看过一些**,在第一次访问时,它会弹出一些提示或操作说明,类似于下图:

当我关闭此提示时,它不会再次弹出。 当我关闭浏览器并再次打开它时,它不会再次弹出。 但是,如果你看截图的右上角,你可以看到我没有登录,那么你是怎么“记住”我关闭了这个提示的呢? 这实际上是通过cookie记录的。 当我单击 x 关闭提示时,j**ascript 将向 cookie 写入一个标志。 每次我们打开这个新页面时,它都会确定cookie中是否有这个标记。 如果没有这样的标记,将弹出一个提示。 如果有这样的标记,它不会弹出。

Cookie 本质上是一长串由分号分隔的字符,每个字符由一个键和一个值组成,称为 cookie。

当我们想向 cookie 添加 cookie 时,有两种常见的方法可以添加 cookie:使用 j**ascript 或通过后端设置。

要读取所有当前 Cookie,您可以使用 **:

document.cookie
运行效果如下图所示:

请注意,如果要确定键值是否在 cookie 中,则需要执行字符串匹配。 对象并非如此,它无法直接根据键查找值或确定键是否在其中。

要编写 cookie,我们可以使用 **:

document.cookie = 'key=value'
例如:

这里我们使用document.cookie = 新值,它可能看起来像覆盖了整个 cookie,但事实并非如此。 如果您添加与现有密钥相同的密钥,它将覆盖原始 cookie 的值,并且不会影响其他 cookie。 如果您的新密钥不在原始 cookie 中,它将被添加到末尾。

在后端设置 cookie 的另一种方法是以 FastAPI 为例

第一种是将 cookie 写入浏览器,使用以下 **:

from fastapi import fastapi, responseapp = fastapi()

app.get('/')

def index(response: response, name: str = ''):

if not name:

name = 'kingname'

response.set_cookie('name', name)

return Hello, the value of the value of the message field in your cookies:'

return Hello, the value of the value of the message field in your cookies is are: , is a new user:'

return {'success': true, 'msg': msg

运行效果如下图所示:

无论您使用前端还是后端方法,您都可以在 cookie 中存储一些信息来实现某些开关或记录某些信息。

相似文章

    前后端通信 前端调用后端接口的五种方式,优缺点及场景

    位经验丰富的前端开发和UI设计资深司机在Berg前端工坊,与大家分享。前端无法回避的一个话题是如何与后端交换数据 通信 本文从最基本的通信方法开始。前后端通信是指前后端之间数据交互和通信的过程。在 Web 开发中,前端通常负责呈现数据和用户交互,而后端负责处理业务逻辑和数据存储。为了实现前后端之间的...

    后端接口未完成,前端傻傻地等待不,在mock js上,不需要依赖后端

    你好,我是Berg的前端工厂,有时候后端接口在项目中没有完成,前端想要测试接口却做不到,这时候mockJS派上用场,无需后端接口,接口对接即可独立完成。mock.JS 是一个 J Ascript 库,用于生成随机数据和模拟接口请求。可以帮助开发者在前端开发过程中对后端接口的返回数据进行仿真,进行接口...

    让我们来探讨一下黑马研究前端的学生现在过得怎么样

    在培训机构遍地开花的当下,黑马学校前端的学员们现在怎么样了?作为学习者,选择好的培训机构,就是选择一条直接通向成功的阳莞之路。黑马学校前端的学员们现在怎么样了?对此没有一个准确的答案,毕竟每个人的情况都不一样,希望大家最好亲自去调查,避免选错机构。选择培训机构的目的是为了找工作,而就业与课程和师资密...

    度假的新哲学 真正懂得休息的人会做什么?

    随着春节的到来,岁月的篇章也悄然更新。经过一年的辛苦劳累和劳累,每一位返乡的农民工都渴望趁着这个假期,享受片刻的悠闲休息。然而,你真的知道如何让自己好好休息吗?回想起来,我发现大多数人的假期生活大概都是这样的 出门在外,放纵自己的胃口,在繁华的城市里徘徊 或者让自己沉浸在家中的虚拟世界中,玩游戏,轮...

    Web3 0 和虚拟现实正在改变前端开发的新机遇

    大家好!我是咕噜的铁蛋!近年来,Web和虚拟现实技术的兴起引起了广泛的关注和讨论。它们不仅彻底改变了互联网,也给前端开发者带来了新的机遇和挑战。今天,铁丹就来聊聊 web 和虚拟现实如何改变前端开发,以及它带来了哪些新机遇。一个web 随着虚拟现实的引入。.web.是对互联网发展新阶段的描述,它强调...