1.0.7-rc4 • Published 6 years ago
brto v1.0.7-rc4
Iframe通讯库RTO
用于子iframe与父iframe通讯
安装
使用标签引入
或者
npm install brto
使用
初始化
父iframe需要初始化,子firame不需要
RTO.register([options])
追加消息回调
RTO.addEventListener('PAGE_JUMP', function(options) {
                console.log(options);
            });
发送消息给上层页面
rto.send(msgType[, options])
打开调试功能(打印日志)
RTO.openDebugger()
msgType可选值为:
| 值 | 描述 | 
|---|---|
| 'ADD_TO_BAG' | 加入购物车 | 
| 'PAGE_JUMP' | 页面跳转 | 
调用示例
加入购物车 ADD_TO_BAG
   <script src="http://localhost:9002/rto.js"></script>
   <input type="button" value="addToBag" onclick="addToBag(event)"/>
   ....
  function addToBag(event) {
    RTO.send('ADD_TO_BAG', {
                target: {
                  offsetWidth: event.target.offsetWidth,
                  rect: event.target.getBoundingClientRect()
                },
                data: {
                  userid: 1,
                  type: 'xxx',
                  params: {
                  }
                }
              });
  }options选项
| key | 描述 | 
|---|---|
| target | 触发操作的元素信息,用于控制动效,详情见附表1 | 
| data | 加入购物车的订单信息,是调用后端接口所需的数据 详情见附表2 | 
附表1
| key | 描述 | 
|---|---|
| offsetWidth | 固定为 event.target.offsetWidth | 
| rect | 固定为 event.target.getBoundingClientRect() | 
附表2
| key | 描述 | 
|---|---|
| userId | 当前用户id | 
| type | 加入购物车接口参数 见http://10.254.2.95:7002/project/122/interface/api/5245 | 
| params | 加入购物车接口参数,见http://10.254.2.95:7002/project/122/interface/api/5245 |