11-1为什么会有跨域的问题出现,如何解决跨域问题?

本文介绍了几种常见的跨域问题解决方案,包括JSONP、CORS、PostMessage等技术,并详细阐述了每种方法的工作原理和使用步骤。

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

前后端的域名不一致,就会发生跨域访问问题 请求数据一般都是post/get请求 但是由于浏览器同源策略限制 所以就出现跨域问题


解决跨域问题:
1、JSONP
 动态创建一个script标签。利用script标签的src属性不受同源策略限制。可以请求第三方服务器数据内容
  步骤;1、创建script标签
       2、script的src属性设置接口地址
       3、接口参数callback,必须要带一个自定义的函数名,不然后台无法返回数据
       4、后台获取参数,返回函数调用
2、cors
原理:在服务器设置 响应头 之后,浏览器将会允许跨域请求   *是允许所有域名访问
3、postmessage
利用iframe
 1、在当前域引入iframe标签  src去引入另一个域
 2、利用当前域下面的子域进行传输信息 ==> contentwindow.pastmessage  
 3、利用onmessage来接收返回的数据
4、name =>window.name
1、新建一个ifram标签 利用iframe的src属性指向服务器文件地址 服务器文件里设置好window.name的值
5.hash
a和b是同域。c是独立的
 a给c传一个hash值。c收到hash值后。c将hash值传递给b。b吧结果放到a的hash中(a和b是同域的。就是说b的hash可以直接复制给a的hash  就可以得到c的值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值