AJAX跨域请求 功能实现

当使用ajax跨域请求时，浏览器报错：XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯定是跨域的问题，如果用jsonp或者proxy的方式进行修改的话未免需要太大的工程量，所以采用CORS这种比较简单高效的技术。相比JOSP的方式，CORS更为高效。JSONP由于它的原理只能实现GET请求，而CORS支持所有类型的HTTP请求。使用CORS,可以使用普通的ajax实现跨域，这对于前端来说是极大的福音了,这个技术被现在大多数浏览器所普遍支持，因为跨域已经是普遍的要求，浏览器肯定会逐渐流出适当的‘后门'出来专门用以跨域。

浏览器支持情况

服务器端对于CORS的支持，是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。

一、php代码控制：

<?php
header('Access-Control-Allow-Origin:http://localhost:8080');
header('Access-Control-Allow-Headers:X-Requested-With');
?>

二、html头控制：

 
 

  
  
<meta http-equiv="Access-Control-Allow-Origin"content"*">
 
 

三、apache配置：

<Directory />
  
  
#在具体的站点目录修改也可以，比如：
  
  
# "E:workspacetest">
  
  
 Header set Access-Control-Allow-Origin *
  
  
 #添加上面这句话即可
  
  
</Directory>
 
 

四、nginx配置

三、nginx配置：

 
 

  
  
location / {
  
  
 add_header Access-ControlAllowOrigin*;
  
  
}
 
 

 
 

  
  
#授权从other.subdomain.com的请求
  
  
add_header 'Access-Control-Allow-Origin' 'http://other.subdomain.com';
  
  
#当该标志为真时，响应于该请求是否可以被暴露
  
  
'Access-Control-Allow-Credentials''true';
  
  
#指定请求的方法，可以是GET，POST等
  
  
'Access-Control-Allow-Methods''GET';
  
 
 

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!