目录
1.什么是跨域资源共享
2.为什么要使用跨域资源共享
3.CORS的实现
firefox,safari,chrome对CORS的实现
4.其他跨域技术
首页 后端开发 php教程 跨域资源共享

跨域资源共享

Jun 23, 2016 pm 01:14 PM
跨域资源共享

1.什么是跨域资源共享

CORS(Cross-Origin Resource Sharing,跨域资源共享)就是一个站点中的资源去访问另外一个不同源站点上的资源,其基本思想,就是使用自定义的HTTP头部让浏览器和服务器进行沟通,从而决定请求或响应是成功还是失败。

2.为什么要使用跨域资源共享

由于跨域安全策略限制,通过XHR实现ajax通信,XHR对象只能访问与包含它的页面位于同一个域中的资源。而实际应用中,通过 标签加载外部样式表文件、通过 跨域资源共享 标签加载外部图片、通过 <script> 标签加载外部脚本文件等都需要使用跨域请求。</script>

3.CORS的实现

IE对CORS的实现

请求跨域文件

var xdr = new XDomainRequest();xdr.onload = function(){    alert(xdr.responseText);};xdr.onerror=function(){    alert("an error occurred");};xdr.open("get", "http://www.baidu.com/resource/");xdr.send();
登录后复制

服务器文件

header("Access-Control-Allow-Origin:http://www.baidu.com/resource/");//允许的相应的源header("Access-Control-Allow-Method:http:POST,GET");//允许的方法header("Access-Control-Allow-Header:http:NCZ");//允许的头部header("Access-Control-Max-Age:http:86400");//请求缓存多长时间
登录后复制

firefox,safari,chrome对CORS的实现

var xhr=new createXHR();xhr.onreadystatechange=function(){    if(xhr.readystate==4){        if((xhr.status>=200&&xhr.status<300)||xhr.status==304){            alert(xhr.responseText);        }    }else{        alert("request was failed:"+xhr.status);    }};xhr.open("get", "http://www.baidu.com/resource/");xdr.send();
登录后复制

4.其他跨域技术

JSONP(JSON with Padding 填充式JSON 或参数式JSON)

SONP由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,而数据就是传入回调函数中的JSON数据。

例如:

<script type="text/javascript"> function handleResponse(response){ //处理获得的json数据 }</script><script></script>//一个JSONP的请求
登录后复制

首先第一个script便签定义了一个处理数据的函数;

然后第二个script标签载入一个js文件, http://example.com/data.php是数据所在地址,但是因为是当做js来引入的,所以 http://example.com/data.php返回的必须是一个能执行的js文件;

最后js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以php应该是这样的

<?php$callback = $_GET['callback'];//得到回调函数名$data = array('a','b','c');//要返回的数据echo $callback.'('.json_encode($data).')';//输出
登录后复制

输出结果为:handleResponse([‘a’,’b’,’c’]);

jsonp是需要服务器端的页面进行相应的配合的。

图像ping

Comet

服务器发送事件

Web Sockets

SSE与Web SSockets

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

11个最佳PHP URL缩短脚本(免费和高级) 11个最佳PHP URL缩短脚本(免费和高级) Mar 03, 2025 am 10:49 AM

11个最佳PHP URL缩短脚本(免费和高级)

Instagram API简介 Instagram API简介 Mar 02, 2025 am 09:32 AM

Instagram API简介

在Laravel中使用Flash会话数据 在Laravel中使用Flash会话数据 Mar 12, 2025 pm 05:08 PM

在Laravel中使用Flash会话数据

构建具有Laravel后端的React应用程序:第2部分,React 构建具有Laravel后端的React应用程序:第2部分,React Mar 04, 2025 am 09:33 AM

构建具有Laravel后端的React应用程序:第2部分,React

简化的HTTP响应在Laravel测试中模拟了 简化的HTTP响应在Laravel测试中模拟了 Mar 12, 2025 pm 05:09 PM

简化的HTTP响应在Laravel测试中模拟了

php中的卷曲:如何在REST API中使用PHP卷曲扩展 php中的卷曲:如何在REST API中使用PHP卷曲扩展 Mar 14, 2025 am 11:42 AM

php中的卷曲:如何在REST API中使用PHP卷曲扩展

在Codecanyon上的12个最佳PHP聊天脚本 在Codecanyon上的12个最佳PHP聊天脚本 Mar 13, 2025 pm 12:08 PM

在Codecanyon上的12个最佳PHP聊天脚本

宣布 2025 年 PHP 形势调查 宣布 2025 年 PHP 形势调查 Mar 03, 2025 pm 04:20 PM

宣布 2025 年 PHP 形势调查

See all articles