nodejs系列:52.cookie-下篇1

77 阅读4分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第27天,点击查看活动详情

系列介绍

该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。

这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。

环境安装

实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。

以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。

nodejs安装

前言

在上一篇文章里nodejs系列:51.cookie-中篇,主要是介绍了怎么在服务器端一次性设置多个cookie。

介绍完设置cookie的操作后,接下来,就cookie的一些属性做一些介绍。

cookie

我们先看一下cookie的定义

Cookie 并不是它的原意“甜饼”的意思, 而是一个保存在客户机中的简单的文本文件, 这个文件与特定的 Web 文档关联在一起, 保存了该客户机访问这个Web 文档时的信息, 当客户机再次访问这个 Web 文档时这些信息可供该文档使用。由于“Cookie”具有可以保存在客户机上的神奇特性, 因此它可以帮助我们实现记录用户个人信息的功能, 而这一切都不必使用复杂的CGI等程序

这是百度百科上面的介绍,我们可以从里面提取出一些关键信息

  • 文本文件
  • 记录用户的个人信息功能

这两点,就是cookie的两大特点。特别是后面这一点,记录用户的个人信息。有时候,我们会把一些个人信息存放到cookie里,就正是利用了cookie这一特点来做的。

介绍

先介绍一下cookie的name和value属性

name

是cookie的名称

value

是cookie名称对应的值

这么说,可能有点不容易理解。我们可以把它理解成对象的键值对,就比较容易理解了。对象的每个键,都有一个对应的值与之对应的。

我们在cmd里,运行上一篇文章里写好的index.js文件

0001.png

服务启动了,在浏览器里访问服务器地址。访问好了,我们打开浏览器的控制台,在Application页签下,可以查看到我们在服务器端设置的cookie

0002.png

我们可以在Application页签下查看cookie,那怎么在js代码里获取cookie呢?

浏览器提供了对应的dom的api,可以让我们在浏览器里,获取到cookie。

我们在浏览器的控制台里,输入下面代码

document.cookie

按下回车,执行代码

0003.png

我们可以看到,把cookie获取出来了。不过是一个字符串格式,每个cookie之间,是以;分割。如果想继续操作cookie,我们可以自己把字符串切割一下,转换成数组或者对象,再来操作cookie。

小结

本小节,主要介绍了cookie的namevalue属性,cookie有点类似对象的形式一样,也是以键值对的形式来存储数据的。

同时,还介绍了怎么在浏览器里获取cookie

document.cookie

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》