AlipayJSBridgeReady js bridge初始化完毕

优质
小牛编辑
143浏览
2023-12-01
Since 8.0

AlipayJSBridgeReady

window.onload以后,容器会初始化,产生一个全局变量AlipayJSBridge, 然后触发此事件

AlipayJSBridge注入是一个异步过程,因此尽可能先监听该事件后再call接口。

强烈建议换用alipayjsapi来简化JSAPI调用。

使用方法

function ready(callback) {
  // 如果jsbridge已经注入则直接调用
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // 如果没有注入则监听注入的事件
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}

代码演示

bridge入口标准写法

<h1>bridge使用方法</h1>

<script>
function ready(callback) {
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}

ready(function() {
  alert('bridge ready');
});
</script>
查看演示 扫码查看 用支付宝扫码运行