HTTP协议特性之Cookie(3)客户端Cookie——NodeJs版

最新推荐文章于 2023-03-28 01:16:34 发布

Blockchain Explorer

最新推荐文章于 2023-03-28 01:16:34 发布

阅读量261

点赞数

分类专栏： HTTP JavaScript/ES6/NodeJS 文章标签：客户端Cookie HTTP NodeJS

本文链接：https://blog.csdn.net/TDCQZD/article/details/81981352

版权

JavaScript/ES6/NodeJS 同时被 2 个专栏收录

79 篇文章 0 订阅

订阅专栏

HTTP

15 篇文章 0 订阅

订阅专栏

一、基本介绍：

1、概述

客户端也可以设置Cookie，但是通常不在客户端设置Cookie作用域限制，只会对Cookie进行增删改查的操作。

2、客户端Cookie

Document.cookie

获取并设置与当前文档相关联的 cookie

二、客户端设置cookie

首先明确客户端cookie是会话级别的cookie.

1、获取

语法：allCookies = document.cookie;
allCookies被赋值为一个字符串，该字符串包含所有的Cookie，每条cookie以分号分隔(即key=value 键值对)。

2、设置

语法：document.cookie = newCookie;
newCookie是一个键值对形式的字符串。需要注意的是，用这个方法一次只能对一个cookie进行设置或更新。

3、代码示例：

//客户端访问cookie
    console.log(document.cookie)
    /*客户端也可以设置Cookie
    * 但是通常不在客户端设置Cookie作用域限制，
    * 只会对Cookie进行增删改查的操作
    * */

    //客户端设置cookie，会话级别

   // document.cookie = "name=zd;max-age=3";
   // document.cookie = "age=18;max-age=3";

1、基本介绍

客户端原生的设置与获取比较繁琐，通常我们选择使用js-cookie库操作cookie。

引入js-cookie库标签：BootCDN
官网：GitHub

2、设置cookie

Create a cookie, valid across the entire site:
Cookies.set('name', 'value');  
Create a cookie that expires 7 days from now, valid across the entire site:
Cookies.set('name', 'value', { expires: 7 });

3、读取cookie

Read cookie:
Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined
Read all visible cookies:
Cookies.get(); // => { name: 'value' }

4、删除cookie

Delete cookie:
Cookies.remove('name');

5、代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    cookie
</body>
<!--引入js-cookie库标签
https://www.bootcdn.cn/js-cookie/  BootCDN
https://github.com/js-cookie/js-cookie github
-->
<script src="https://cdn.bootcss.com/js-cookie/2.2.0/js.cookie.min.js"></script>
<script>

    //客户端访问cookie
    console.log(document.cookie)
    /*客户端也可以设置Cookie
    * 但是通常不在客户端设置Cookie作用域限制，
    * 只会对Cookie进行增删改查的操作
    * */

    //客户端设置cookie，会话级别

   // document.cookie = "name=damu;max-age=3";
   // document.cookie = "age=18;max-age=3";

    // 客户端操作cookie的js库
     Cookies.set('name', 'damu',{ expires: 10 });//10天失效
     console.log(Cookies.get('name'))
     Cookies.remove('name');
     console.log(Cookies.get('name'))
</script>
</html>

Blockchain Explorer

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTTP协议特性之Cookie(3)客户端Cookie——NodeJs版

一、基本介绍：1、概述客户端也可以设置Cookie，但是通常不在客户端设置Cookie作用域限制，只会对Cookie进行增删改查的操作。2、客户端CookieDocument.cookie获取并设置与当前文档相关联的 cookie二、客户端设置cookie首先明确客户端cookie是会话级别的cookie.1、获取语法：allCookies = docum...
复制链接

扫一扫