前后端解决跨域问题

提示：这里后端测试统一用的是php语言！

知识点介绍：

前后端解决跨域问题

1. 代理
举个栗子：
上海的服务器：www.shanghai.com
北京的服务器：www.beijing.com

上海的前端想访问北京服务器的内容，需要后端把北京服务器的数据拿来做代理把值返回给前端（这里使用的是后端的技术）

2. 处理跨域方法二——JSONP
只能处理get请求，不支持POST请求（局限性）
举个栗子：
在www.aaa.com页面中：

<script>
function jsonp(json) {
    alert(json['name']);
}
</script>
<script src="http://www.bbb.com/jsonp.js"></script>

在www.bbb.com页面中：

jsonp({'name': '洪七', 'age': 24})

另一种JSONP方式：
jquery ajax原生支持jsonp：
前后端解决跨域问题

后端php接收jsonp的值，返回的用()括起来

前后端解决跨域问题

3. 处理跨域方法三——XHR2
1). HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能，但是IE10以下的版本都不支持
2). 在服务器端做一些小小的改造即可：

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');