这里的跨域实质上是由浏览器同源策略限制的一类请求场景，浏览器同源策略SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。这里测试下通过Access-Control-Allow-Origin实现不同域名之间的访问，Access-Control-Allow-Origin 响应头指定了该响应的资源是否被允许与给定的orgin共享。

　　语法 ：

　　Access-Control-Allow-Origin: *
       Access-Control-Allow-Origin: <origin>

　　*
　　对于不需具备凭证（credentials）的请求，服务器会以“*”作为通配符，从而允许所有域都具有访问资源的权限。
　　<origin>
　　指定一个可以访问资源的URI。

　　这里使用四个域名，分别是：本机localhost、shop.com、blog.com、oa.com，在localhost、shop.com、blog.com上都创建一个test.html，在oa.com上创建ajax.php文件。

　　test.html代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ajax跨域</title>

</head>

<body>

    <!-- 创建一个按钮并绑定单击事件 -->

    <input type="button" value="走你" onclick="show()">

    <!-- 创建一个空ul -->

    <ul></ul>

    <script type="text/javascript">

        function show() {

            // 创建xhr对象

            var xhr = new XMLHttpRequest();

            // 监听请求状态

            xhr.onreadystatechange = function() {

                if (this.readyState == 4) {

                    // 当请求状态变为4时获取响应内容并放入ul

                    document.getElementsByTagName('ul')[0].innerHTML = this.responseText;

                }

            }

            // 以get方式请求ajax.php

            xhr.open('get', 'http://oa.com/ajax.php', true);

            // 发送请求

            xhr.send(null);

        }

    </script>

</body>

</html>

1、允许单个域名访问

ajax.php代码如下：

// 允许单个域名localhost访问

header('Access-Control-Allow-Origin: http://localhost');

echo '<h1>这是oa.com上的响应</h1>';

foreach ($_SERVER as $key => $value) {

    echo '<li>',$key,'=>',$value,'</li><br>';

}

通过loclhost的test.html访问如下：

通过shop.com、blog.com访问如下：

2、允许多个域名访问

　　ajax.php代码如下：

//获取要跨域访问的请求源

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

//定义允许跨域访问的请求源

$allow_origin = array('http://localhost', 'http://shop.com');

//如果请求源在允许列表中就设置允许访问

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

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

}

echo '<h1>这是oa.com上的响应</h1>';

foreach ($_SERVER as $key => $value) {

    echo '<li>',$key,'=>',$value,'</li><br>';

}

PS：$_SERVER['HTTP_ORIGIN'] 字段只有跨域访问时都会存在

通过loclhost的test.html访问如下：

通过shop.com的test.html访问如下：

通过blog.com的test.html访问如下：

因为blog.com不在被允许访问的数组中，所以仍然不能访问，此处通过定义数组单元实现多个域名的跨域访问。

2、允许所有域名访问

     ajax.php代码如下：

//通过通配符*允许所有域名访问

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

echo '<h1>这是oa.com上的响应</h1>';

foreach ($_SERVER as $key => $value) {

    echo '<li>',$key,'=>',$value,'</li><br>';

}

通过localhost的test.html访问如下：

通过shop.com的test.html访问如下：

通过blog.com的test.html访问如下：

以上就是PHP通过AJAX及Access-Control-Allow-Origin响应头实现跨域访问的方法。

PHP通过AJAX及Access-Control-Allow-Origin实现跨域访问的更多相关文章

  1. Access control allow origin 简单请求和复杂请求

    原文地址:http://blog.csdn.net/wangjun5159/article/details/49096445 错误信息: XMLHttpRequest cannot load http ...

  2. ajax 设置Access-Control-Allow-Origin实现跨域访问

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全. 即使使用jquery的jsonp方法,t ...

  3. ajax实现跨域访问

    ajax跨域访问是一个老生畅谈的问题啦,网上解决方法很多,discuz用的p3p协议,有兴趣的朋友可以了解下,比较常用的是JSONP方法,貌似目前这种方法只支持GET方式,不如POST方式安全. 即使 ...

  4. ajax 跨域访问 ：Access-Control-Allow-Origin

    一说到ajax跨域.首先想到的就是jsonp  . JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全. 即使使用jQuery的jsonp方法,type设为POST,也 ...

  5. Hbuilder编辑App时，ajax跨域访问失败问题

    今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...

  6. 基于CAS的SSO单点登录-实现ajax跨域访问的自动登录（也相当于超时重连）

    先补课,以下网址可以把CAS环境搭起来. [JA-SIG CAS服务环境搭建]http://linliangyi2007.iteye.com/blog/165307 [JA-SIG CAS业务架构介绍 ...

  7. ajax设置Access-Control-Allow-Origin实现跨域访问

    ajax跨域访问 1.jsonp方法,jsonp方法是一种非官方方法,这种方法只支持GET方式, 不如POST方式安全.(即使使用jquery的jsonp方法,type设为POST, 也会自动变为GE ...

  8. 支持Ajax跨域访问ASP.NET Web Api 2(Cors)的简单示例教程演示

    随着深入使用ASP.NET Web Api,我们可能会在项目中考虑将前端的业务分得更细.比如前端项目使用Angularjs的框架来做UI,而数据则由另一个Web Api 的网站项目来支撑.注意,这里是 ...

  9. Ajax跨域访问问题-方法大全

    Case I. Web代理的方式 (on Server A) 即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面,由该页面代替用户页面完成交互,从而返回合适的结果.此方案可以解决 ...

随机推荐

  1. python基础-各模块文章导航

    python基础学习日志day5-各模块文章导航 python基础学习日志day5---模块使用 http://www.cnblogs.com/lixiang1013/p/6832475.html p ...

  2. No.5 selenium学习之路之多窗口句柄

    多窗口相关操作 获取当前句柄 c_handle = driver.current_window_handle 获取所有句柄 all_handle = driver.window_handles 切换到 ...

  3. jQuery对象与JS原生对象之间的转换

    1.将jQuery转换为dom对象的方法 [index] 或者.get(index): a.$(“#form”)[index] ,该方法获取form元素的dom对象 b.$(“#form”).get( ...

  4. 20155225 2016-2017-2 《Java程序设计》第2周学习总结

    20155225 2016-2017-2 <Java程序设计>第2周学习总结 教材学习内容总结 比较java和C语言的不同点: java除了基本类型还有类类型 基本类型中还有字节和布尔 对 ...

  5. node模拟socket

    什么是Socket?网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个socket. Socket通信流程 基于net模块实现socket 服务端SocketServer.j ...

  6. 打印数据的字节（十六进制）表示-c语言代码

    先取数据地址,转换成单字节长度的类型(unsigned char)的指针,然后按照十六进制逐字节打印即可,格式为“%.2x”. sizeof()函数获取数据的字节数. /* $begin show-b ...

  7. JQuery中Table标签页和无缝滚动

    HTML代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

  8. SQL中的注释语句

    SQL中的注释分为单行注释和多行注释.顾名思义,单行注释就是对一行进行注释,多行注释就是同时对多行进行注释. 一.单行注释 SQL语句中的单行注释使用 -- create database datab ...

  9. GridLayout 计算器

    <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android=" ...

  10. day4 计算器

    作业:计算器开发 (1)实现加减乘除及拓号优先级解析: (2)用户输入 1 - 2 * ( (60-30 +(-40/5) * (-9-2*5/-3 + 7 /3*99/4*2998 +10 * 56 ...