跨域的实现及解决

所谓js跨域问题，是指在一个域下的页面中通过js访问另一个不同域下 的数据对象，出于安全性考 虑，几乎所有浏览器都不允许这种跨域访问

javascript跨域有两种情况： 

• 1、基于同一父域的子域之间，如：a.c.com和b.c.com 
• 2、基于不同的父域之间，如：www.a.com和www.b.com 
• 3、端口的不同，如：www.a.com:8080和www.a.com:8088 
• 4、协议不同，如：http://www.a.com和https://www.a.com

方法一：jsonp函数

这样通过动态创建script标签加载其它域的js文件，然后通过本页面调用加载后js文件的函数，这样做的缺陷是不能加载其它域的文档，只能是js文件，jsonp便是通过这种方式实现的，jsonp通过向其它域传入一个callback参数，通过其他域的后台将callback参数值和json串包装成javascript函数返回，因为是通过script标签发出的请求，浏览器会将返回来的字符串按照javascript进行解析执行，实现域与域的数据传输。

方法二：iframe实现跨域
基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于同一个顶级基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加document.domain，就可以实现父页面调用子页面的函数