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

其实这种跨域的处理方式和之前讨论过的(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,先去跨域页面取数据,再返回到本地域页面

posted @ 2011-11-20 13:43  简单-陈勇  阅读(240)  评论(0编辑  收藏  举报