zoukankan      html  css  js  c++  java
  • 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,先去跨域页面取数据,再返回到本地域页面

  • 相关阅读:
    暑假每周学习进度-7
    暑假每周学习进度-6
    寒假生活05
    寒假生活04
    寒假生活03
    寒假生活02
    寒假生活01
    软件设计师2019模拟小测
    第二周学习记录
    2019秋季学习计划
  • 原文地址:https://www.cnblogs.com/chyong168/p/2256015.html
Copyright © 2011-2022 走看看