跨域问题解决（我只是搬运工）

1.JSONP

　　原理：动态插入script标签，通过script标签引入一个js，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。

　　　　    由于同源策略的限制，XMLHttpRequest只允许请求当前源(域名、协议、端口)的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务器端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。

　　　　　优点：简单易用，兼容性好，支持浏览器与服务器双向通信，缺点是只支持GET请求。

　　

<script>
    function createJs(sUrl){
      var oScript = document.createElement('script');
      oScript.type = "text/javascript";
      oScript .src = sUrl;
      document.getElementByTagName('head')[0].appendChild(oScript )

}
    createJs('jsonp.js');

    box({'name': 'test'});

    function box(json){
       alert(json.name)
    }

</script>

2.CORS

　　原理：服务器端对于CORS的支持，主要是通过设置Access-Control-Allow-Origin来进行的，如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问。

3.通过修改document.domain来跨子域

　　将子域和主域的document.domain设为同一个主域，前提条件：这两个域名必须属于同一个基础域名！而且所用的协议，端口都要一致，否则无法利用document.domaini进行跨域。

来源：https://www.cnblogs.com/widem/p/7261112.html