JSAPI

Since 8.1

alert

Prompts native alert dialog.

Usage

AlipayJSBridge.call('alert', {
  title: 'Hello',
  message: 'How are you?',
  button: 'OK'
}, function(e) {
  alert(JSON.stringify(e));
});

Example

alert and confirm dialogs

<h1>Press the following buttons for alert and confirm</h1>
<a href="javascript:void(0)" class="btn alert">Click Alert</a>
<a href="javascript:void(0)" class="btn confirm">Click Confirm</a>

<script>
function ready(callback) {
  // Invoke directly if JSBridge is already injected
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // Otherwise listen to `AlipayJSBridgeReady` event
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
}
ready(function() {
  document.querySelector('.alert').addEventListener('click', function() {
    AlipayJSBridge.call('alert', {
      title: 'Hello',
      message: 'How are you',
      button: 'OK'
    }, function(e) {
      e && alert(JSON.stringify(e));
    });
  });

  document.querySelector('.confirm').addEventListener('click', function() {
    AlipayJSBridge.call('confirm', {
      title: 'Hello',
      message: 'Are you sure that you want to close this dialog?',
      okButton: 'Yes',
      cancelButton: 'No'
    }, function(e) {
      alert(JSON.stringify(e));
    });
  });
});
</script>
查看演示
扫码查看
用支付宝扫码运行

API

AlipayJSBridge.call('alert',{
  title, message, button
}, fn)

Input Parameters

NameTypeDescriptionMandatoryDefault
titlestringTitle of the dialogN‘’
messagestringMessage of the dialogN
alignstringMessage alignment, available options: left/center/rightNiOS ‘center’, android ‘left’
buttonstringText of buttonN‘OK’
fnfunctionCallback function, invoked when button is clickedN

Remarks

  • alert is a non-blocking API which is different from window.alert. If you execute it consecutively twice, i.e., prompts alert A then alert B, the eventually prompted dialog is alert B instead of A.