跨域 Ajax请求的方法

跨域

什么是跨域

同源策略：

​

• 当协议，端口号，域名三者中只要有一个不同时，就会触发同源策略。如果没有同源策略，客户端可能会被攻击，比如说获取到cookie，使用cookie去登录别的网站。浏览器不允许你请求这个地址的数据。

• 我们在开发过程中，可能会使用不同的服务器。每个服务器的功能是不同的，比如将HTML css文件 图片资源专门放在一个服务器上。获取商品信息等等这些需要后端接口返回的数据放在另外一个服务器上。

解决跨域的三种方法

1.jsonp

src属性不会收到跨域的影响。

原理：

通过动态的创建Script标签，将src属性设置为请求路径。
服务器返回的是一段js代码格式的字符串

【注意】jsonp不能发送post请求。因为post请求的参数是在requestBody中，而get请求的参数是可以拼接在url中的

2.cors

跟前端没有任何关系，这是后端的工作。

//设置响应头，解决跨域问题。
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Max-Age:60');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
header('Content-Type:application/json;charset=utf-8');

3.代理

同源策略是浏览器为了安全设置的保证。而服务器与服务器之间是可以正常互相访问的。

正向代理

服务器不