本文通过设置Access-Control-Allow-Origin(CORS)来实现跨域。
例如:客户端的域名是client.runoob.com,而请求的域名是server.runoob.com。
如果直接使用ajax访问,会有以下错误:
XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access.
1、允许单个域名访问
指定某域名(http://client.runoob.com )跨域访问,则只需在http://server.runoob.com/server.php 文件头部添加如下代码:
header('Access-Control-Allow-Origin:http://client.runoob.com');
2、允许多个域名访问
指定多个域名(http://client1.runoob.com 、http://client2.runoob.com 等)跨域访问,则只需在http://server.runoob.com/server.php 文件头部添加如下代码:
1 | $origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : ''; |
3、允许所有域名访问
允许所有域名访问则只需在http://server.runoob.com/server.php 文件头部添加如下代码:
header('Access-Control-Allow-Origin:*');
注意:
header('Access-Control-Allow-Origin:*');
是html5新增的一项标准功能,因此IE10以下版本的浏览器是不支持 的,因此,如果要求兼容IE9或更低版本的ie浏览器,会导致使用此种方式的跨域请求以及传递Cookie的计划夭折,最终还得回归JSONP。