W3cubDocs

/DOM

PaymentResponse.complete

Secure context
This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The PaymentRequest.complete() method of the PaymentRequest API notifies the user agent that the user interaction is over, and causes any remaining user interface to be closed. This method must be called after the user accepts the payment request and the Promise returned by the PaymentRequest.show() method is resolved.

Syntax

PaymentRequest.complete([result])
   .then(function() { ... } )
   .catch( function(error) { ... } )

Returns

A Promise.

Parameters

result Optional
A string with one of the following values:
  • "success": Indicates the payment was successfully processed. The user agent may or may not indicate success to the user.
  • "fail": Indicates the payment was not successfully processed. The user agent may or may not indicate failure to the user.
  • "unknown": The web page did not indicate success or failure and the user agent should not display a UI indicating success or failure. This is the default.
  • "" (empty string): The web page did not indicate success or failure and the user agent should not display a UI indicating success or failure. This value has been replaced by "unknown". See browser compatibility for details.

Note: The value passed to this method must include the quotation marks.

Examples

The following example sends payment information to a secure server using the Fetch API. It calls complete() with an answer appropriate to the status in the response.

// Initialization of PaymentRequest arguments are excerpted for the 
//   sake of brevity.
var payment = new PaymentRequest(supportedInstruments, details, options);

payment.show().then(function(paymentResponse) {
  var fetchOptions = {
    method: 'POST',
    credentials: include,
    body: JSON.stringify(paymentResponse)
  };
  var serverPaymentRequest = new Request('secure/payment/endpoint');
  fetch(serverPaymentRequest, fetchOptions).then( response => {
    if (response.status < 400) {
      paymentResponse.complete("success");
    } else {
      paymentResponse.complete("fail");
    };
  }).catch( reason => {
    paymentResponse.complete("fail");
  });
}).catch(function(err) {
  console.error("Uh oh, something bad happened", err.message);
});

Specifications

Specification Status Comment
Payment Request API
The definition of 'PaymentResponse' in that specification.
Candidate Recommendation Initial definition.

Browser Compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support

61

(Yes) No support[1] ?

No support

?
"unknown" replaces empty string

61

? No support[1] ?

No support

?
Feature Android Webview Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support No support 53 (Yes) No support[1] ?

No support

?
"unknown" replaces empty string No support 57 ? No support[1] ?

No support

?

[1] Supported since 56 but disabled on all versions. Hidden behind the dom.payments.request.enabled pref.

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PaymentResponse/complete