frame_rpc v1.0.4

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