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 |