cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来。

当网页要发http请求时,浏览器会先检查是否有相应的cookie,有则自动添加在request header中的cookie字段中。

查看当前网页的cookie:在控制台输入 document.cookie

前端设置cookie:

function setcookie(name,value){var days = 1;var exp = new Date();//写入Cookie  ,toGMTstring将时间转换成字符串。document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString;
}function getcookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg)){return (arr[2]);}else{return null;}
}let seen = true;
let noseen = false;if(getcookie('login')!==null){seen = false;noseen = true;
}

转载于:https://www.cnblogs.com/lst619247/p/10304744.html

关于前端设置cookie相关推荐

  1. 细讲前端设置cookie, 储存用户登录信息

    细讲前端设置cookie 引言 正文 一.设置cookie 二.查看cookie 三.删除cookie 四.封装cookie操作 结束语 引言 我们都知道如果想做一个用户登录并使浏览器保存其登录信息, ...

  2. 前端设置cookie

    cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来. 当网页要发http请求时,浏览器会先检查是否有相应的cooki ...

  3. 前端设置cookie之vue-cookies

    1. 安装vue-cookies npm i vue-cookies --save 2. 引入vue-cookies import VueCookies from 'vue-cookies'; Vue ...

  4. 前端开发中通过js设置cookie的一组方法

    js方法的完整代码如下: var cookie = {set:function(key,val,time){//设置cookie方法var date=new Date(); //获取当前时间var e ...

  5. 前端修改服务器cookie,前端中怎样设置cookie

    这次给大家带来前端中怎样设置cookie,前端中设置cookie的注意事项有哪些,下面就是实战案例,一起来看一下. cookie是什么:是一种用来在客户端硬盘上存储信息的手段. 为什么用?:可以用来存 ...

  6. 服务器可以修改cookie吗,是否可以为您拥有的网站/服务器设置Cookie?

    是否有可能以某种方式设置cookie到客户端的浏览器时,cookie是与不同的服务器(在这种情况下,Exchange邮件服务器)使用?在这种情况下,尝试设置cookie的服务器位于"intr ...

  7. 【跨域】一篇文章彻底解决跨域设置cookie问题!

    一篇文章彻底解决跨域设置cookie问题! 大家好我是雪人~~⛄ 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用. 是因为谷歌浏览器新版本Chrome 80将Cookie ...

  8. springboot-前端js设置cookie的name、value值,后端利用name获取指定cookie的value值

    springboot-前端js设置cookie的name.value值,后端利用name获取指定cookie的value值         前端 js 将传递过来的 id 存入cookie中, coo ...

  9. nodejs获取与设置cookie

    nodejs获取与设置cookie 一.获取cookie 1.插件下载 获取cookie 二.设置cookie 1.基础设置 2.设置过期时间-maxAge 3.设置域名-domain 4.设置路径- ...

最新文章

  1. 参加Python培训班能找到工作吗?
  2. php 根据位置显示地图,php通过地址获得百度地图经纬度(地理编码)
  3. python使用lxml及request爬取-python+lxml 爬取网页信息及储存
  4. 傅里叶分析斯坦恩中文版pdf_实分析(英文版)[(美)斯坦恩(Stein,E.M.) 著] 2013年版...
  5. XCTF-MISC-新手区:pdf
  6. 有序链表转换二叉搜索树Python解法
  7. oracle merge 效率慢,更新语句的效率比较(merge into )
  8. php使用七牛直播,七牛上传文件,PHP版本
  9. 我的特长是计算机VF编程,2016计算机二级考试VF模拟题及答案
  10. DWR+Spring配置使用
  11. 数据库中常见的面试问题(转)
  12. IDEA 和 Eclipse 使用对比
  13. URLClassLoader使用方法及事例程序
  14. LU分解法求解方程组(C语言)
  15. 易语言解压服务器中压缩包,易语言取压缩包中的文件列表源码
  16. IOI2008 island
  17. HCIP课程笔记-04-HDLC、PPP、GRE
  18. Bert几个数据集的概念Cola、MRPC、XNLI、MNLI等
  19. 2022最火的Linux性能分析工具--perf
  20. 线性代数: 什么是矩阵,以及矩阵的线性代数意义

热门文章

  1. Eclipse 如何生成项目的javadoc(API 文档)
  2. vs 2019 社区版许可证过期_Switch版《最终幻想12:黄道时代》对比PS4版 就没差
  3. php系统函数区分大小写,php函数名区分大小写吗?
  4. 双屏全屏跳回到主屏_双屏笔记本了解下?剪视频不要太好使
  5. html 页面重复度高,哪些情况容易造成重复页面
  6. android状态机是线程么,Java中的线程状态机 - java
  7. tinymce vue 部分工具不显示_tinymce-vue使用问题及解决记录
  8. html5input输入框设置无边框_芯片充电两大改变,无看点的iPad8,上手体验发现并不简单!...
  9. java课程设计进程管理_Java课设总结(个人版)
  10. pat 乙级 1011 A+B 和 C(C++)