跨域请求的几种解决方法

跨域请求

跨域请求:两个不同域名之间的通讯。

Ajax受到浏览器的限制(安全性考虑)不允许跨域通信。

<script>
var req=new XMLHttpRequest();
req.open('get','http://phpmyadmin.com/test/home.js');   //报错
req.send();
script>

在这里插入图片描述

默认情况下浏览器采用同源策略:一个域下面的JS只能请求同一个域下面的文档内容,不能跨域请求。

1.1 解决方法一:src属性

使用标签的src属性,src属性是没有同源的限制的

<img src='http://www.baidu.com/tu1.jpg' />
<script src='http://phpmyadmin.com/test/home.js'>script>

1.2 解决方法二:PHP代理

跨域请求的几种解决方法_第1张图片

A客户端

<script>
var req=new XMLHttpRequest();
req.open('post','./6-demo.php');
req.onreadystatechange=function(){
      
	if(req.readyState==4 && req.status==200){
      
		alert(req.responseText);
	}
}
req.send();
script>

A服务器


echo file_get_contents('http://phpmyadmin.com/test/test.php');

B服务器


echo '锄禾日当午';

小结:客户端有同源策略,服务器没有同源策略,我们可以使用服务器作为代理去跨域请求。

A服务器(http://www.php.com)

B服务器(http://phpmyadmin.com

1.3 解决方法三:jsonp

jsonp=json+动态script。是一种非官方协议,为了解决JS的跨域请求

通过

你可能感兴趣的:(javascript,跨域请求,jsonp,php代理)