ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Ajax 跨域问题解决最好方案

2021-06-18 22:55:40  阅读:219  来源: 互联网

标签:Origin 方案 http 跨域 cc 域名 server Ajax w3cschool



本文通过设置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:*'); 




标签:Origin,方案,http,跨域,cc,域名,server,Ajax,w3cschool
来源: https://blog.51cto.com/binghe001/2926825

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有