cookie与跨域的方法,web开发视频

本文介绍了前端跨域的两种常见方法:通过document.domain设置和JSONP技术。详细阐述了JSONP的工作原理及注意事项,以及Cookie在跨域中的作用和使用流程。同时,分享了前端开发者的学习资源和提升路径。
摘要由CSDN通过智能技术生成

想要实现从浏览器跨域到其他服务器,可以采用的方式是先将浏览器中的请求发送给与自己端口、协议、域名相同的

服务器当中,再通过这个服务器与其他服务器进行数据之间的请求,从而就能实现跨域的过程

document.domain(针对基础域名相同的情况)

采用这种方式去处理跨域问题时,必须有一个要求就是基础域名必须是相同的情况下,才能够用这种方式

JSONP原理

1.在web页面上用

都拥有跨域的能力,比如 script  img  iframe

2.于是就可以把数据放在服务器上,并且数据为json形式(因为js可以轻松的处理json数据)

3.因为无法监控script的src属性是否把数据获取完成,所以我们需要做一个处理

4.实现定义好处理跨域获取数据的函数,如function doJSON(data){}

5.用src获取数据的时候提那一个参数cb = ‘doJSON’(服务端会根据参数cn的值返回 对应的内容) 此内容为以cb对应

的值doJSON为函数真实要传递的数据为函数的参数的一串字符

在这里需要注意一点的就是,在使用src引入文件的时候,src其实不管文件的格式是什么类型,只要文件中含有需要的数据

就可以进行引入。

注意jsonp的请求方式都是get请求

2.cookie

Cookie是由服务器端生成,发送给USer-Agent(一般是浏览器),浏览器会将Cookie以key/value保存到某个

目录下的文本文件内,下次请求同一个网站时就会发送该Cookie给服务器

记录数据的几种形式

1.标记用户身份http头部请求

以form:email的形式,这种方式的缺点是有的恶意网站会将用户的邮件保存下来,用于发送垃圾文件

以user-agent的形式,只能识别浏览器,不能具体识别用户

referer,用于记录上一次浏览过的网站,用于链接的跳转

2.通过ip地址对其进行识别

1.ip地址描述的是机器不是用户,2.ip地址不唯一,会随机生成不同的ip值

3.用户登录的方式

4.胖URL表示对已有的URL中进行拓展,缺点1.url过长  2.对浏览器会有过多的负载 3.不能共享  4.所存在

的生命周期是页面是否存在,重新生成后会产生一个新的url

5.cookie服务器端生成,发送给USer-Agent(一般是浏览器),浏览器会将Cookie以key/value保存到某个

目录下的文本文件内

cookie的生成与访问流程

首先,进入网页后给服务器发送信号,将设置cookie的信号告诉给浏览器,在此时服务器本身也会创建一个cookie

浏览器就会在本地设置好cookie待下次访问时,浏览器就会将本地的cookie发送给服务器,此时服务器就会将相同

的cookie拿出来返回到浏览器当中

Cookie内存大小受限制,不同版本浏览器,Cookie值是不相同的,但大小一般都是4K

IE6.0                  IE7.0                   Opera                FF                      Safari         chrome

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料,免费分享给大家,戳这里即可免费领取

前端路线图

我特地针对初学者整理一套前端学习资料,免费分享给大家,戳这里即可免费领取

[外链图片转存中…(img-yChvtju3-1712087369330)]

vue.js的36个技巧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值