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,先去跨域页面取数据,再返回到本地域页面
只是利用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,先去跨域页面取数据,再返回到本地域页面
相关文章推荐
- window.name + iframe 实现跨域
- 黄聪:利用iframe实现ajax 跨域通信的解决方案(转)
- PHP下ajax跨域的解决方案之window.name
- js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)
- 利用iframe实现ajax跨域通信的实现原理(图解)
- js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)
- 利用window.name解决跨域问题
- 利用iframe实现ajax跨域请求,抓取网页中ajax数据
- 利用 iframe解决ajax的跨域问题
- js实现跨域(jsonp, iframe+window.name, iframe+window.domain, iframe+window.postMessage)
- window.name + iframe 跨域获取数据
- 利用iframe实现ajax 跨域通信的解决方案
- 利用iframe实现ajax跨域通信的实现原理(图解)
- 利用iframe实现ajax跨域通信的实现原理(图解)
- 前端跨域解决方法之window.name+iframe
- 利用iframe实现ajax跨域通信的实现原理(图解)
- 利用iframe实现ajax跨域通信的实现原理(图解)
- 利用iframe实现ajax 跨域通信的解决方案
- 改编版iframe 跨域问题 。window.name方式 postMessage 。。。。。。。。。