Ajax 跨域问题解决最好方案

前端之家收集整理的这篇文章主要介绍了Ajax 跨域问题解决最好方案前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46565293

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

例如:客户端的域名是client.w3cschool.cc,而请求的域名是server.w3cschool.cc。

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

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

1、允许单个域名访问

指定某域名(http://client.w3cschool.cc)跨域访问,则只需在http://server.w3cschool.cc/server.PHP文件头部添加如下代码:

header('Access-Control-Allow-Origin:http://client.w3cschool.cc');

2、允许多个域名访问

指定多个域名(http://client1.w3cschool.cc、http://client2.w3cschool.cc等)跨域访问,则只需在http://server.w3cschool.cc/server.PHP文件头部添加如下代码:

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

3、允许所有域名访问

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

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

猜你在找的Ajax相关文章