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

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

    

调试发现报错了：

然后开发把接口改成支持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);
        }
    });