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

 

posted on 2017-02-19 22:31  Asina  阅读(5571)  评论(0编辑  收藏  举报