Mobile Platform as a Service:Alert

Use alert interface

AlipayJSBridge.call('alert', {
  title: 'Dear',
  message: 'Hello',
  button: 'Confirm'
}, function(e) {
  alert(JSON.stringify(e));
});

Code sample

• alert and confirm:

  <h1>Click the buttons below to see the different effects</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) {
  // Call directly if JSBridge has been injected
  if (window.AlipayJSBridge) {
    callback && callback();
  } else {
    // Monitor the injected events if JSBridge hasn't been injected
    document.addEventListener('AlipayJSBridgeReady', callback, false);
  }
  }
  ready(function() {
  document.querySelector('.alert').addEventListener('click', function() {
    AlipayJSBridge.call('alert', {
      title: 'Dear',
      message: 'Hello',
      button: 'Confirm'
    }, function(e) {
      alert(JSON.stringify(e));
    });
  });
  document.querySelector('.confirm').addEventListener('click', function() {
    AlipayJSBridge.call('confirm', {
      title: 'Dear',
      message: 'Are you sure to exit?',
      okButton: 'Yes',
      cancelButton: 'No'
    }, function(e) {
      alert(JSON.stringify(e));
    });
  });
  });
  </script>

API

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

Input parameters

Attentions

• Unlike window.alert, alert is not a blocking interface. It means that if two alert boxes pop up successively, the one you see finally is the latter one.