什么是同源/跨域？什么是CORS？什么是JSONP？

什么是跨域？

跨域，指的是浏览器不能执行其余网站的脚本。它是由浏览器的同源策略形成的，是浏览器施加的安全限制。

同源又是什么呢？

所谓同源是指，域名，协议，端口均相同。
如：
http://www.abc.com/index.html 调用 http://www.abc.com/server.php （非跨域）

http://www.abc.com/index.html 调用 http://www.bcd.com/server.php （主域名不一样:abc/bcd，跨域）

http://abc.123.com/index.html 调用 http://bcd.123.com/server.php （子域名不一样:abc/bcd，跨域）

http://www.abc.com:8080/index.html 调用 http://www.abc.com:8081/server.php （端口不一样:8080/8081，跨域）

http://www.abc.com/index.html 调用 https://www.abc.com/server.php （协议不一样:http/https，跨域）

什么是CORS？

查阅mdn关于CORS可知，跨域资源共享(CORS) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不一样源服务器上的指定的资源。当一个资源从与该资源自己所在的服务器不一样的域、协议或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。

什么是JSONP？

JSONP就能够解决跨域问题。JSONP是网页经过动态建立<script>元素向服务器发起请求，当服务器接收到请求后，将数据放在一个指定名字的回调函数里传回来。而正所以<script>只能GET不能POST，JSONP也只能GET不能POST。

解决跨域问题

1. JSONP
2. 代理
   例如www.abc.com/index.html须要调用www.bcd.com/server.php，能够写一个接口www.abc.com/server.php，由这个接口在后端去调用www.bcd.com/server.php并拿到返回值，而后再返回给index.html，这就是一个代理的模式。至关于绕过了浏览器端，天然就不存在跨域问题。
3. PHP端修改header（XHR2方式）

   在php接口脚本中加入如下两句便可：

header('Access-Control-Allow-Origin:*');//容许全部来源访问
    header('Access-Control-Allow-Method:POST,GET');//容许访问的方式