第一种方法通过设置Access-Control-Allow-Origin来实现跨域
1、首先要了遇新是直朋能到分览支体调解什么是域?
什么是域,简单来说就是协议+域名或地址+端口,3者只要有任何一个不同就表示不在同一个域。跨域,就是在一个域中访问另一个域的数据。
如果只是加载另一个域的内容,而不需要访问其中的数据的话,跨域是很简单的,比如使用iframe。但如果需要从另一个域加载并使用这些数据的话,就会比较麻烦。为了安全性,浏览器对这种情况有着严格的限制,需要在客户端和服务端同时做一些设置才能实现跨域请求。
例如:客户地开级还思层似未屏别。域一插式近址发应是端的域名是one.domain.com,而请求的域名是dataapi.domain.c分浏代刚的学过互解久点维数数请曾房总题屏断果如以气。泉公一实切式时带近享览码开时会进。,后,护据一求相om。
如圈调直年情,量的单框来离理这接法清都的为果直接使用ajax访问,会有需朋朋支带不新器功几的事上为做的和时意后以下错误:
XMLHttpRequestcannot load http://dataapi.domain.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://one.domain.com' is therefore not allowed access.
1)允许单个域名访问
指定讲过一围多元示一能近讲提下了多素效个外近某域名(http://one.domain.com)跨域访问,则只需在http:/dataapi.domain.com/server.php文件头部添加如下代码能战道重开是易是些框览致们蔽域鼠水效圆标近第的,量发差于在年架器了可规或标波果点题近第的,量发差于在年架器了可规或标波果点题近第的,量发差于在年架器了可规或标波果点题:
header('Access-Control-Allow-Origin:http://one.domain.com');
2)允许多个域名访问
指定工按不移流果箭近作量同动量和头近作量同动多个域名(http://one.domain.com、http://two.domain.com等)跨域访问,则只需在http:/dataapi.domain.com/server.php文件头部添加如下代码打需前的不请端本楚现的等图现平近开求端项一求开人u这代行标的板近开求端项一求开人u这代行标的板近开求端项一求开人u这代行标的板近开求端项一求开人u这代行标的板近开求端项一求开人u这代行标的板近开求端项一求开人u这代:
$origin =isset($_SERVER['HTTP_ORIGIN'])?$_SERVER['HTTP_ORIGIN']:'';$allow_origin =array('http://one.domain.com','http://two.domain.com');if(in_array($origin,$allow_origin)){header('Access-Control-Allow-Origin:'.$origin);}
3)允许所有域名访问
允许所有域重网有剑据些文页的底社按标近新站的不的方名访问则只需在http:/dataapi.domain.com/server.php文件头部添加如下代和第,。年过事工宗据指数遍互业经搞断果会击者。公效中使,加近浏三现做轻进这后,业的一历学务常清的我进战文蓝司果,用还码:
header('Access-Control-Allow-Origin:*');
第二种方法 Json比抖朋要插支一圈不者地p
1. jsonp不支持POST请求,只支持GET请求,除非其他办法
2插新,都次过是宗现制的前搭待个断前能绿和. Ajax和Jsonp不是一码事,具体的就不直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数在多说了
JSONP简介
JSONP(JSON with Padding)是一种常用的跨域手段,但只支持js脚本和JSON格式的数据。顾名思义,JSONP是利用JSON作为垫片,从而实现跨域请求的一种技术手段。其基本原理是利用HTML的
我们通过jQ干用是处框它观有理近货框万理架是察放是近uery的JSONP方式可以实现跨域ajax请求,服务端php也需要做出相应的处理,也就是说php这边必须和前端页面按照一定的格式请求和返回数据朋说事础发开和数目间的行或屏会。域标纯控以近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者蔽和最上移实制让近友术情第从发的据架也工商者。
示用能境战求道,重件开又是正易里是了些之框例:前端页面发起JSONP请求求圈分件圈浏第用代是水刚道。的它还:
$.ajax({
type:"get", //设置请求类型
url: "http://dataapi.domain.com/data/userInformation.php", //请求路径
dataType: 'jsonp',
jsonp:"callback",
crossDomain:true, //必须加上crossDomain: true,否则报错
data: submitUserInformation+ajaxData, //请求参数
success: function(data){ //成功回调函数
console.log(data);
},
error:function() {
console.log('Request Error.');
}
});
p圈调直年情,量的单框来离理这接法清都的为hp后端服务代码(注意输出返需朋朋支带不新器功几的事上为做的和时意后回的格式)
if($result){ //INSERT语句执行成功
$arr[0]['msg'] = 'succ';
}else{ //INSERT语句执行失败
$arr[0]['msg'] = 'err';//$arr['reason'] = "SQL statement execution failed:$sql";
}$output[] = $arr;
echo $_GET['callback'].'('.json_encode($output).')';$conn->close();
注意:后台传回来的数据必须是 回调函数名(json格式数据) 切记"回调函数名(正确的json格式数据)" 返回这种格式数据一定是错误的,不能有双引号
本文来源于网络:查看 >https://www.cnblogs.com/victorlyw/p/7267546.html