您的位置:首页 > 其它

ajax跨域 - 利用window.name(iframe是关键)

2011-11-20 13:43 176 查看
其实这种跨域的处理方式和之前讨论过的(http://hi.baidu.com/chyong168/blog/item/12214e4bce53903508f7ef77.html)主要思路一致,

只是利用window的特殊属性window.name完成跨域而已。

------------------------------------------------------------------

1. 需要三个页面

本地域: http://my.com/
跨域: http://www.cy.com/
a. 本地功能页面: http://my.com/app.html
b. 本地代理页面: http://my.com/proxy.html (空页面,啥事儿都不用干)

c. 跨域数据页面: http://www.cy.com/data.html
----------------------------------------------------------------------

2. 实现步骤:

a. 本地域的app.html页面中创建iframe调用跨域的data.html

监听iframe的状态,如果iframe加载成功,这时将src指向proxy.html

当proxy.html加载成功,这时就完成跨域(proxy.html和app.html是同域页面,可以直接相互访问)

b. 在data.html中做window.name = data;

关键步骤:

修改iframe的src,先去跨域页面取数据,再返回到本地域页面
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: