js登录设置cookie

COOKIE基础及应用
什么是COOKIE
1、记录用户信息, 通过 Cookie 来确定您是否已经登录过
2、比如你访问了购物网站,cookies记录了你的访问行为,广告主就能够根据你的访问行为,向你推送购物类的广告
COOKIE的特性
–同一个网站中,所有的页面共享同一套cookie
–数量,大小有限(单个不超过4k)
–可以设置过期时间
–每次会携带在请求头header中
–cookie在浏览器和服务器之间传递,而localStorage存储在客户端
–cookie不能跨域,可以用document.cookie设置和获取cookie的值

//设置cookie

function setCookie(key,value,day){var cookie=key+'='+encodeURIComponent(value);if(day>0){var date=new Date();date.setDate(date.getDate()+day);cookie+=';expires='+date;}document.cookie=cookie;
}

//获取cookie值

function getCookie(key){if(document.cookie.indexOf(key)<0){ return; }var cookies=document.cookie.split(";");for(var i=0; i<cookies.length; i++){var temp=cookies[i].split("=");if(temp[0].replace(/\s/g,'')==key){return decodeURIComponent(temp[1]);}}
}

//删除cookie

function deleteCookie(key){setCookie(user_id,'',-1);   时间设置为已经过期的时间,系统自然会删除
}

//登录成功后记住用户信息 下次自动登录

function doLogin () {//获取user信息setCookie("user_id",user.Id,7);
}

//退出登录后清除用户信息

function loginOut(){deleteCookie("user_id");
}

session和cookie的联系和区别?
在这里插入图片描述
1.用户第一次请求服务器的时候,服务器根据用户提交的相关信息,创建对应的Session,并把唯一标识信息SessionID返回给浏览器,浏览器接收到服务器返回的SessionID信息后,会将此信息存入cookie中(cookie是服务器response->Set-Cookie发送浏览器并保存在浏览器的一小块数据)。
2.当用户第二次访问服务器的时候,请求会自动判断请求头里是否有cookie信息,如果存在,服务器会从cookie中获取SessionID,根据SessionID检索对应的Session信息。用户就可以使用例如支付、加购物车等行为,如果没有找到说明该用户没有登录或登录失效。

区别:
1.作用范围不同,Cookie保存在客户端(浏览器)不安全,Session保存在服务器端,相对安全。
2.有效期不同,Cookie可设置为长时间保持,比如我们经常使用的默认登录功能,Session一般失效时间较短,客户端关闭或者Session超时就会失效。
3.存储大小不同,单个Cookie保存的数据不超过4k,Session存储数据高于Cookie。

注意:
Token的定义:Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,客户端可以存放在localStorage.token,以后客户端只需在请求头带上这个Token前来请求数据即可。

最简单的token组成:uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign(签名,由token的前几位+盐以哈希算法压缩成一定长的十六进制字符串,可以防止恶意第三方拼接token请求服务器)。比SessionID更安全一点。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/352255.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Cookie的路径设置(很重要)

1.浏览器管理Cookie步骤 2.Cookie的路径 该路径可通过setPath("/xxx")进行设置,这个路径直接决定服务器的请求是否会从浏览器中加载某些Cookie。 首先默认情况下&#xff0c;如果不设置Cookie的path&#xff0c;默认是“/项目名/当前路径的上一层地址”&#xff0c;如…

set-cookie 设置问题

原文链接&#xff1a;PolarisHuster 从上面两个图我们可以看出&#xff0c;虽然浏览器端有cookie&#xff0c;为什么在发送list请求时没有把本地的cookie带上呢&#xff0c;再看下面的截图&#xff1a; 上面两个截图我们可以看出&#xff0c;上面的list请求带上了Cookie信息…

谷歌浏览器 Cookie 设置

1. 谷歌浏览器 单击 右上角竖着的三个点 -> 设置 2. 选择 隐私设置和安全性 -> 选择 允许所有 Cookie &#xff08;或者阻止所有cookie&#xff09;

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

细讲前端设置cookie 引言正文一、设置cookie二、查看cookie三、删除cookie四、封装cookie操作 结束语 引言 我们都知道如果想做一个用户登录并使浏览器保存其登录信息&#xff0c;使得用户下次再访问网页的时候无需再次进行登录操作&#xff0c;我们需要用到 cookies &#xf…

Cookie

Cookie&#xff1a;客户端对象 1&#xff09;什么是Cookie Cookie是Web服务器保存在用户硬盘上的一段文本。Cookie允许一个Web站点在用户电脑上保存信息并且随后再取回它。 举例来说&#xff0c;一个Web站点可能会为每一个访问者产生一个唯一的ID&#xff0c;然后以Cookie文…

cookie设置

各位大佬周末好&#xff0c;又到我们最喜欢的知识交流环节   今天我们一起来看一下cookie设置的相关知识   首先让我们看下什么是cookie。cookie是一个保存在客户机中的简单的文本文件, 这个文件与特定的 Web 文档关联在一起, 保存了该客户机访问这个Web 文档时的信息, 当客…

2018 年一月联考逻辑真题

2018 年一月联考逻辑真题 三、逻辑推理&#xff1a;第 26-55 小题&#xff0c;每小题 2 分&#xff0c;共 60 分。下列每題给出的A.、 B.、C.、D.五个选项中&#xff0c;只有一项是符合试题要求的。请在答题卡上将所选项的字母涂黑。 真题&#xff08;2018-26&#xff09;-翻译…

搜索算法(四) 广度优先搜素算法

一、BFS bfs一层一层地遍历图或树&#xff0c;一般用队列实现&#xff0c;可以计算距离目标的步数。 二、例题 1&#xff09; 力扣https://leetcode.cn/problems/shortest-bridge/ 这道题实际是计算两个岛屿之间的最短距离&#xff0c;可以先用dfs搜索到第一个岛屿并且记录第…

关于万物悦享推广案例

关于万物悦享推广案例 项目介绍 万物悦享是一家改变传统消费模式的公司&#xff0c;致力于让消费者在衣食住行都能把消费变成开心享受的事情。该公司通过消费增值、绿色积分、12倍通证强制出局、卷轴和撸实现这一目标。在通证经济下&#xff0c;消费者可以通过获得通证再赚回…

Python字典及用法详解

Python中的字典&#xff08;Dictionary&#xff09;是一种无序、可变的数据类型&#xff0c;用于存储键&#xff08;Key&#xff09;和值&#xff08;Value&#xff09;之间的映射关系。字典是一种高效的数据结构&#xff0c;可以用于快速查找和检索数据。 1.创建字典 可以使…

人事项目开发记录-登录模块

人事项目开发记录 后端接口实现 后端接口实现 后端权限认证采用Spring Security实现&#xff08;本小节中大量知识点与第10章的内容相关&#xff0c;需要读者熟练掌握第10章的内容&#xff09;&#xff0c;数据库访问使用MyBatis&#xff0c;同时使用Redis实现认证信息缓存。因…

Alertmanager的pod如何添加标签(label)

在Alertmanager.spec.podMetadata字段下添加&#xff0c;如下图&#xff1a;

蘑菇街购物商城

P148-P151 项目创建 项目我用脚手架3创建&#xff1a;vue creat supermall (这个项目名字是supermall)后面配置直接选Babel 运行项目&#xff1a;npm run serve(因为我们观察创建好的项目的初始文件目录&#xff0c;没有config,说明这个使用脚手架3创建的&#xff0c;可以去查…

蘑菇街服务器信息,蘑菇街开放平台

一、授权方式 为保证用户数据的安全性&#xff0c;若您的应用已完成与蘑菇街开放平台对接&#xff0c;需要获取一些与用户紧密相关的信息(如订单、商品、促销等)&#xff0c;需要征得用户的同意&#xff0c;获得用户的授权许可。蘑菇街开放平台采用国际通用的OAuth2.0标准协议&…

仿蘑菇街界面(2)

上一篇博客&#xff0c;博客地址http://blog.csdn.net/itbailei/article/details/38561297把基本的主界面框架已经搭建完毕&#xff0c;我们采用的基本框架为fragment进行页面之间的切换&#xff0c;底部菜单采用的是RadioButton。今天我们来重点来仿照一下第一个底部菜单“爱逛…

仿蘑菇街界面应用(1)

看到郭霖大神仿微信主界面的博客&#xff0c;在佩服大神文笔犀利、讲解详尽、代码风骚之余&#xff0c;也想在上班无所事事时&#xff0c;找点有意思的东西玩玩&#xff0c;蘑菇街作为中国最大女性购物社区&#xff0c;其APP的设计水平也毋庸置疑的&#xff0c;最近博客将连续来…

实现蘑菇街首页效果

打算出一个系列&#xff0c;专治现在市面上各种app的各种滑动不服系列&#xff0c;解决各种滑动冲突问题&#xff0c;现在已经发现了9种样式&#xff0c;打算一个一个一一破解&#xff0c;这是第一篇。 今天给大家带来的是高仿蘑菇街的首页&#xff0c;现在这种页面的格式很流…

设备指纹系列--基础篇

基础概念 618还没开始&#xff0c;但是又好像已经结束了…在这种电商大促的大节日前&#xff0c;电商行业客户一般会提前找到合适的设备指纹产品&#xff0c;去防止被“薅秃”。因为&#xff0c;黑灰产拥有专业的设备牧场&#xff0c;通过使用模拟器、刷机改机等手段&#xff…

仿蘑菇街个人主页

效果图&#xff1a; 看到效果图&#xff0c;第一想到的大致布局是一个scrollview嵌套一个viewpage&#xff0c;viewpage里面有一两个fragment或者写成一个fragment。但是fragment肯定包含两个布局&#xff0c;一个是含有图片(gridview)的listview&#xff0c;另一个布局是只含有…

App竞品分析报告:美丽说VS蘑菇街

1.产品概况 iOS App Store中国区iPhone免费-生活类排名&#xff08;最近3个月&#xff09; 数据来源&#xff1a;ann9.com 蘑菇街排名基本稳定在Top 10至20之间&#xff0c;美丽说在8月下旬后基本游离在Top 30外。 2015年6月活跃用户数比对-iOS端 数据说明&#xff1a;MAU为月…