提示:这里后端测试统一用的是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');