解决前端ajax调用php接口实现跨域问题

通过设置Access-Control-Allow-Origin来实现跨域。

 

例如：客户端的域名是client.taidupa.com，而请求的域名是server.taidupa.com。

 

如果直接使用ajax访问，会有以下错误：

 

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

 

1、允许单个域名访问

 

指定某域名（http://client.taidupa.com）跨域访问，则只需在http://server.taidupa.com/server.php文件头部添加如下代码：

 

header('Access-Control-Allow-Origin:http://taidupa.com');

2、允许多个域名访问

 

指定多个域名（http://client1.taidupa.com、http://client2.taidupa.com等）跨域访问，则只需在http://server.taidupa.com/server.php文件头部添加如下代码：

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  

   

$allow_origin = array(  

    'http://client1.taidupa.com',  

    'http://client2.taidupa.com'  

);  

   

if(in_array($origin, $allow_origin)){  

    header('Access-Control-Allow-Origin:'.$origin);       

}

3、允许所有域名访问

 

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

 

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