博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web前端基础:常用跨域处理
阅读量:4323 次
发布时间:2019-06-06

本文共 932 字,大约阅读时间需要 3 分钟。

一、单向跨域

1.JSONP(JSON with padding),主要使用<script> 标签的跨域能力执行请求,例如:在wwww.a.com页面上,请求www.b.com的数据资源,实现代目如下

复制代码
JSONP
复制代码

 

2.img标签请求,主要用于统计数据

 

3.使用 window.name 进行数据的访问,由于 window.name 属性不会因为location的变化而变化,所以可以使用这个特性进行数据的传递,例如:在www.a.com页面中,使用iframe,先设置iframe的src为 www.b.com下的页面,等待加载完成,拿取需要的数据,并把数据赋值给 window.name 属性中,这时将src属性再替换为 www.a.com下的页面,这时获取 window.name 的数据,即可实现跨域请求

4.CORS(access control) 跨域资源共享,浏览器新特性,主要处理请求头部(origin)及响应头部的(Access-control-allow-origin)的允许域名及端口

5.server proxy(代理),全部请求都请求向一个域名,然后服务器处理这些请求时,进行自动代理到,另外的服务器,(同源策略只是针对浏览器)

二、双向跨域

1.设置document.domain:主要用于,主域与子域,子域与子域之间的通信

2.使用 window.postMessage(新特性)进行通信,可以配合iframe使用,监听window.onMessage 事件,即可进行通信

 

【结束语】

   系列文章,包括了原创,翻译,转载等各类型的文章;一方面是为了自己总结,另一方面页希望可以共享知识;在技术方面有输入,也要有所输出,才能更进一步!文章基于自己的实践、阅读及理解,如有不合理及错误的地方,烦请各大佬评论指出,以便改正,谢谢!学习web前端推荐知海匠库http://www.zhihaijiangku.com,课程设置合理系统,项目教学,一站式学会就业。

 

转载于:https://www.cnblogs.com/zhilelele/p/8573728.html

你可能感兴趣的文章
最短路径(SP)问题相关算法与模板
查看>>
js算法之最常用的排序
查看>>
Python——交互式图形编程
查看>>
经典排序——希尔排序
查看>>
团队编程项目作业2-团队编程项目代码设计规范
查看>>
英特尔公司将停止910GL、915GL和915PL芯片组的生产
查看>>
Maven配置
查看>>
HttpServletRequest /HttpServletResponse
查看>>
SAM4E单片机之旅——24、使用DSP库求向量数量积
查看>>
从远程库克隆库
查看>>
codeforces Unusual Product
查看>>
hdu4348 - To the moon 可持久化线段树 区间修改 离线处理
查看>>
正则表达式的搜索和替换
查看>>
个人项目:WC
查看>>
地鼠的困境SSL1333 最大匹配
查看>>
flume+elasticsearch+kibana遇到的坑
查看>>
【MM系列】在SAP里查看数据的方法
查看>>
C#——winform
查看>>
CSS3 transform制作的漂亮的滚动式导航
查看>>
《小强升职记——时间管理故事书》读书笔记
查看>>