Html调用分布式http API接口方法

                      Html调用分布式http API接口方法

1.前言：Html调用分布式http API接口方法。很多开发者在开发html同时使用js的时候总是碰到跨域的问题，笔者使用IFRAME标签比较土的方法来解决这个问题。

 

2.问题和目的：

    问题：在一个页面里现在同时包含了2个不同域的页面XMapEngine.html 和 index.php, 怎么样才能两个页面互相通讯呢？

    目的：XMapEngine.html页面是笔者自己写的一个地图引擎，要求点击地图上点之后[onClickEvent(id, input)方法会响应点击事件，相当于java程序复写的监听器]
                然后调用index.php页面index.php?keyword=xx的API接口
3.js访问IFRAME标签下的html页面的方法：

   格式： [IFRAME  name属性的值].[window].[IFRAME  所指的src页面下的js方法]

   例如：  xmapengine.window.relaod("map3.xml"); //访问XMapEngine.html页面下的relaod("map3.xml") 方法。

4.js部分：

  

      <script type="text/javascript">
       function init(){
           xmapengine.window.relaod("map3.xml");
       }

        /*
         *XMapEngine 点击事件