跨域问题

最新推荐文章于 2023-06-17 08:49:42 发布

X-Prince

最新推荐文章于 2023-06-17 08:49:42 发布

阅读量426

点赞数

CC 4.0 BY-SA版权

分类专栏： JS Ajax

本文链接：https://blog.youkuaiyun.com/u011467458/article/details/50427269

JS 同时被 2 个专栏收录

10 篇文章

订阅专栏

Ajax

3 篇文章

订阅专栏

本文介绍了三种常用的跨域处理方法：代理服务器、JSONP及XHR2。代理服务器通过在同域名下搭建中间服务实现跨域访问；JSONP利用script标签可跨域的特性实现数据交互；XHR2则基于HTML5标准提供更广泛的跨域支持。

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

跨域：

Javascript出于安全方面的考虑，不允许跨域调用其他页面的对象。什么是跨域呢？简单地理解就是因为javascript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。

跨域处理，三种方法：

1、处理跨域方法一代理

通过在同域名下的web服务器端创建一个代理：
北京服务器(域名:www.beijing.com)
上海服务器(域名：www.shanghai.com)
比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务，然后再把访问结果返回给前端，这样前端调用北京同域名的服务就和调用上海的服务效果相同了。

2、处理跨域方式二——JSONP(只支持GET请求)：

JSONP可用于解决主流浏览器的跨域数据访问的问题。
在www.aaa.com页面中：
<script>
function jsonp(json){
alert(json["name"]);
}
</script>
<script src="http;//www.bbb.com/jsonp.js"></script>
在www.bbb.com页面中：
jsonp({'name':'xx','age':24})

3、处理跨域的方法三——XHR2：

1、HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能
2.IE10以下的版本都不支持
3.在服务器端
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');