跨域问题解决办法

最新推荐文章于 2022-09-13 09:33:50 发布

flyxiaokang

最新推荐文章于 2022-09-13 09:33:50 发布

阅读量435

点赞数

分类专栏： ajax 文章标签： ajax 跨域

本文链接：https://blog.csdn.net/flyxiaokang/article/details/78123968

版权

ajax 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

跨域问题

1. 设置Access-Control-Allow-Origin
服务器端对于CORS的支持，主要就是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
例如：
客户端的域名是www.client.com,而请求的域名是www.server.com
如果直接使用ajax访问，会有以下错误

XMLHttpRequest cannot load http://www.server.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://www.client.com' is therefore not allowed access.

修改被请求的Response header

java

response.setHeader("Access-Control-Allow-Origin", "*");

添加位置可以在下面三处任选一个。
（1）可以在过滤器 filter 中的 dofilter() 方法设置。
（2）可以在 servlet 的 get 或者 post 方法里面设置。
（3）可以放在访问的 jsp 页面第一行。

// 指定允许其他域名访问  
header('Access-Control-Allow-Origin:*');  
// 响应类型  
header('Access-Control-Allow-Methods:POST');  
// 响应头设置  
header('Access-Control-Allow-Headers:x-requested-with,content-type');

2. JSONP

3. document.domain
将子域和主域的document.domain设为同一个主域。前提条件：这两个域名必须属于同一个基础域名！而且所用的协议，端口都要一致，否则无法利用document.domain进行跨域。

在页面 http://www.example.com/a.html 中设置document.domain:

<script type="text/javascript">
    document.domain = 'example.com';//设置成主域
    function test(){
        alert(document.getElementById('iframe').contentWindow);//contentWindow 可取得子窗口的 window 对象
    }
</script>

在页面 http://example.com/b.html 中也设置document.domain:

<script type="text/javascript">
    document.domain = 'example.com';//在iframe载入这个页面也设置document.domain，使之与主页面的document.domain相同
</script>

4. window.name
window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限，window.name是持久存在一个窗口载入过的所有页面中的

5. window.postMessage
window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE8+、FireFox、Chrome、Opera等浏览器都已经支持window.postMessage方法。