关于前端设置cookie

最新推荐文章于 2024-11-10 15:21:07 发布

转载最新推荐文章于 2024-11-10 15:21:07 发布 · 397 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jervy/p/10115337.html

文章标签：

#前端 #ViewUI

本文探讨了Cookie在前端和后端的应用，包括登录/注册功能中的使用，以及如何在HTTP请求中自动添加Cookie。提供了设置和获取Cookie的JavaScript函数示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

前端设置cookie：

 1 function setcookie(name,value){
 2   var days = 1;
 3   var exp = new Date();
 4   //写入Cookie  ，toGMTstring将时间转换成字符串。
 5   document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString;
 6 }
 7 
 8 function getcookie(name){
 9   var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
10   if(arr=document.cookie.match(reg)){
11     return (arr[2]);
12   }else{
13     return null;
14   }
15 }
16 
17 let seen = true;
18 let noseen = false;
19 
20 if(getcookie('login')!==null){
21   seen = false;
22   noseen = true;
23 }