前后端解決跨域問題

提示：這里后端測試統一用的是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');