利用window.name+iframe跨域获取接口数据

最近做了一个表单广告,需要从接口读取数据,做完发现谷歌火狐下正常,360兼容和IE浏览器无法获取数据,以下是鲜明的对比:

利用window.name+iframe跨域获取接口数据    利用window.name+iframe跨域获取接口数据

调试发现报错了:

利用window.name+iframe跨域获取接口数据

利用window.name+iframe跨域获取接口数据

然后开发把接口改成支持windowname,一开始有点懵,什么是windowname?还好,开发还发了使用例子给我,看了是利用了iframe去加载数据,还是有些地方看不懂,于是问度娘,看完这个就略懂了:http://www.cnblogs.com/zichi/p/4620656.html,禁不住感叹原来还有这种方式。

下面贴出我的代码:

function domainData(url, fn)
{
var isFirst = true;
var iframe = document.createElement('iframe');
iframe.style.display = 'none';
var loadfn = function(){
if(isFirst){
iframe.contentWindow.location = 'proxy.html'; //该html文件要与调用该方法的页面在同一域名,目录下,不然还是失败
isFirst = false;
} else {
var data = eval('(' + iframe.contentWindow.name + ')');
fn(data);
iframe.contentWindow.document.write('');
iframe.contentWindow.close();
document.body.removeChild(iframe);
iframe.src = '';
iframe = null;
}
};
iframe.src = url;
if(iframe.attachEvent){
iframe.attachEvent('onload', loadfn);
} else {
iframe.onload = loadfn;
} document.body.appendChild(iframe);
}
//调用
domainData("http://play9.pcbaby.com.cn/baby170217/action/getProductType.jsp?windowname=1", function(data){
if(data.code == 1){
console.log(data);
}
});

  

上一篇:不得不提的volatile及指令重排序(happen-before)


下一篇:深入理解JVM一内存模型、可见性、指令重排序