码迷,mamicode.com
首页 > Web开发 > 详细

Ajax如何解决跨域问题

时间:2015-10-29 10:56:16      阅读:545      评论:0      收藏:0      [点我收藏+]

标签:

如果需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。

跨域请求在网页上非常常见。很多网页从不同服务器上载入 CSS, 图片,Js脚本等。

在现代浏览器中,为了数据的安全,所有请求被严格限制在同一域名下,如果需要调用不同站点的数据,需要通过跨域来解决。

以下的 PHP 代码运行使用的网站进行跨域访问。

header("Access-Control-Allow-Origin: *");
 

例如:客户端的域名是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文件头部添加如下代码:

$origin = isset($_SERVER[HTTP_ORIGIN])? $_SERVER[HTTP_ORIGIN] : ‘‘;  
  
$allow_origin = array(  
    http://client1.runoob.com,  
    http://client2.runoob.com  
);  
  
if(in_array($origin, $allow_origin)){  
    header(Access-Control-Allow-Origin:.$origin);       
} 

3、允许所有域名访问

允许所有域名访问则只需在http://server.runoob.com/server.php文件头部添加如下代码:

header(Access-Control-Allow-Origin:*); 

 

Ajax如何解决跨域问题

标签:

原文地址:http://www.cnblogs.com/wx1993/p/4919405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!