JavaScript出于安全方面的考虑，不予许跨域调用其他页面的对象，即“JavaScript同源策略的限制”。

一、代理

　　在同域名的web服务器端创建一个代理。

　　什么是代理？举例：

　　　　a服务器（域名：www.a.com）（非跨域）

　　　　b服务器（域名：www.b.com）（跨域）

　　调用跨域的服务 www.b.com/service.php 时，在a服务器上创建一个服务 www.a.com/proxy-bservice.php，由这个服务从后端去访问 www.b.com/service.php 服务，将响应值获取过来，返回给前端。

　　在这里，www.a.com 做了一个代理，前端只需要访问 www.a.com/proxy-bservice.php 就相当于访问 www.b.com/service.php

　　服务代理属于后端技术，具体实现就厚脸皮的交给后台的大大们了。

二、JSONP

　　JSONP一般用于解决主流浏览器GET请求的跨域数据访问问题。原理：

　　在 www.a.com 页面中：

　　　　<script>

　　　　　　function jsonp (json) {

　　　　　　　　console.log(json['name']);

　　　　　　}

　　　　</script>

　　　　<script src="http://www.b.com/jsonp.js"></script>

　　在 www.b.com 页面中：

　　　　jsonp({'name': '666', 'age': '23'});

　　这里是用了<script>标签的src属性，这个属性不存在跨域问题。但是！！！jsonp不支持POST请求。

三、XHR2

　　HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能，但是IE10以下版本都不支持。

　　使用XHR2跨域，客户端不需要改造，只需在服务器端做一些小改造即可：

　　　　header('Access-Control-Allow-Origin:*');

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