基础名词解释：
跨域是基于浏览器对 javascript 同源策略的限制的解决之法。
关于同源，即协议，域名及端口需一致。
跨域方法：
1.jsonp，一种双方约定的信息传递的方法。
我们知道，通常在调用 js 文件（<script src="">），图片（<img src="">）或框架（<iframe>）的时候不受跨域的影响，因此可以将需要 res 的数据装进 server 的 js 文件内，用以 client req。
该协议的要点就是允许用户传递一个 callback 参数给服务器。
2.后端配置
请求头 Access-Control-Allow-Origin 设置 "*" 或指定IP
演示：
1.jsonp，注意调用的顺序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div id=‘testdiv‘></div> <script type="text/javascript"> var message = function(data) { alert(data[1].title); }; var url = "https://files.cnblogs.com/files/yuqlblog/cross-domain.js"; var script = document.createElement(‘script‘); script.setAttribute(‘src‘,url); document.getElementsByTagName(‘body‘)[0].appendChild(script); </script> </body> </html>
1.1jsonp 基于 jquery 的跨域
原文：https://www.cnblogs.com/yuqlblog/p/9166324.html