frame_rpc
简单的top页面与iframe页面间的RPC通讯工具
example
在需要通讯的top和iframe页面中,引入frameRpc.js
<script type="text/javascript" src="./dist/frameRpc.js" ></script>
<iframe name="demo_iframe" src="example_in_iframe.html" ></iframe>
在iframe页面(example_in_iframe.html)中,实现消息监听方法(服务)
window.frameRpc.listener("post_your_name", function(msg) {
console.log("on post_your_name : " + msg.name);
return {
"welcome_message" : "hello " + msg.name
}
});
在top页面中,实现消息发送方法(调用)
window.frameRpc.sender({
type : "post_your_name",
name : "demo"
}, $("iframe[name='demo_iframe']")[0].contentWindow
).then(function(revc) {
console.log("on revc : " + revc.welcome_message);
});
在浏览器端运行,可以看到console有以下输出
on post_your_name : demo
on revc : hello demo