跨域的几种解决方法
来源:互联网 发布:淘宝联盟佣金 编辑:程序博客网 时间:2024/05/20 04:47
跨域是指只要协议、域名、端口有任何一个不同,都被当作是不同的域,不同域之间的访问就叫跨域。
URL 说明 是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下不同文件夹 允许http://www.a.com:8000/a.jshttp://www.a.com/b.js 同一域名,不同端口 不允许http://www.a.com/a.jshttps://www.a.com/b.js 同一域名,不同协议 不允许http://www.a.com/a.jshttp://70.32.92.74/b.js 域名和域名对应ip 不允许http://www.a.com/a.jshttp://script.a.com/b.js 主域相同,子域不同 不允许http://www.a.com/a.jshttp://a.com/b.js 同一域名,不同二级域名(同上) 不允许(cookie这种情况下也不允许访问)http://www.cnblogs.com/a.jshttp://www.a.com/b.js 不同域名 不允许
跨域的解决方法:1、jsonp
动态插入script标签,通过script标签引入js文件,js文件成功载入后会执行URL指定的函数,并把需要的json数据作为参数传入。
<script> function dosomething(jsondata){ //处理获得的json数据 }</script><script src="http://example.com/data.php?callback=dosomething"></script>
这种方式的优点是简单易用,而且兼容性好,但仅支持GET请求方式。
2、CORS 跨域资源共享
服务器对CORS的支持主要是通过“Access-Control-Allow-Origin”进行,浏览器检测到相应的设置就允许采用ajax请求。
这种方式的好处的是支持所有类型的http请求,可以使用普通的XMLHttpRequest方式请求数据。
3、document.domain跨子域
一个页面中嵌套iframe,页面是无法直接调用iframe内的方法,不同框架之间是可以获取window对象,但无法获得相应的属性和方法。
在主域相同的情况下,这个时候使用document.domain,只要两个页面的document.domain指向同一个域名。就可以实现不同子域之间的交互。
<iframe id = "iframe" src="http://example.com/b.html" onload = "test()"></iframe><script type="text/javascript"> document.domain = 'example.com';//设置成主域 function test(){ //dosomething }</script>
4、window.name
window对象有个name属性,在一个窗口的生命周期内,该窗口的载入的所有页面都共享一个window.name,同时每个页面对window.name都有读写的权限,可以利用window.name进行跨域访问。
5、html5引进的window.postMessage
利用window.postMessage(message,targetOrigin)向window对象发送消息,无论这个对象是否是同源的。
总结:从使用上,window.name是使用起来最简单,同时也能兼顾大部分浏览器的跨域使用方法;
- 跨域的几种解决方法
- 跨域的几种解决方法
- AJAX跨域的几种解决方法
- SilverLight跨域访问及其常用的几种解决方法
- SilverLight跨域访问及其常用的几种解决方法
- SilverLight跨域访问及其常用的几种解决方法
- SilverLight跨域访问及其常用的几种解决方法
- Javascript跨域请求的几种解决方法
- Javascript跨域请求的几种解决方法
- JavaScript 跨域问题的几种解决方法
- 几种outofmemory的解决方法
- svn Locked的几种解决方法
- svn Locked的几种解决方法
- select挡住div的几种解决方法
- 忘记WebLogic密码的几种解决方法
- WordPress忘记密码的几种解决方法
- 模幂运算的几种解决方法
- DNS域名劫持的几种解决方法
- Fekit的使用
- 【机房重构】存储过程介绍
- 【脚本语言系列】关于Python并发技术Redis,你需要知道的事
- eclipse配置tomcat
- Python安装gif库:cannot import name 'readGif'解决方法
- 跨域的几种解决方法
- C程序设计进阶week7
- Java实现-N皇后问题1
- 网络--学习笔记--IP地址分类、子网掩码
- 147. Insertion Sort List
- 安卓学习笔记之service(一)
- 由RGB到HSV颜色空间的理解
- Angular中的指令与过滤器
- 配置图(Configuration Diagram)