JS笔记——跨域

概念

浏览器有同源策略，不允许ajax放问题他域接口。

跨域条件：

协议、域名、端口，有一个不同就算跨域。

可以跨域的三个标签

<img src = xxx>   <link href= xxx>   <script src = xxx>

跨域注意事项

• 所有的跨域请求都必须经过信息提供方允许

• 如果未经允许即可获取，那是浏览器同源策略出现漏洞

客户端方法——JSONP（GET才能用）

实现原理：

客户端

例如，加载http://www.timchen.com/classindex.html ,

不一定服务端真的存在一个classindex.html文件，

服务端可以根据请求，动态生成一个文件返回。

同理<script src = http://www.timchen.com/api.js>

跨域的服务端

例如，你的网站要跨域访问TimChen.com的一个接口

TimChen网给一个地址 http://www.timchen.com/api.js

返回内容格式如 callback({a:100,b:200})（可动态生成）

<script>    //这里的callback就是TimChen.com提供的API    window.callback = function (data){        //data就是我们得到的数据        console.log(data);    }</script>//script跨域得到了接口<script src = "http://www.timchen.com/api.js"></script><!--上面会返回 callback({a:100,b:200}) -->

其他方法

http://www.cnblogs.com/2050/p/3191744.html

服务端方法

XHR2——http header、代理