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 点击事件