Skip to content

index.md

Latest commit

 

History

History
75 lines (55 loc) · 2.76 KB

index.md

File metadata and controls

75 lines (55 loc) · 2.76 KB
title PaymentRequestEvent: changePaymentMethod() method
short-title changePaymentMethod()
slug Web/API/PaymentRequestEvent/changePaymentMethod
page-type web-api-instance-method
status
experimental
browser-compat api.PaymentRequestEvent.changePaymentMethod

{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The changePaymentMethod() method of the {{domxref("PaymentRequestEvent")}} interface is used by the payment handler to get an updated total, given such payment method details as the billing address.

When this method is invoked, a {{domxref("PaymentMethodChangeEvent")}} is fired.

Syntax

changePaymentMethod(methodName)
changePaymentMethod(methodName, methodDetails)

Parameters

  • methodName
    • : The name of the payment method to be used.
  • methodDetails {{optional_inline}}
    • : An object containing method-specific details that are being updated.

Return value

A {{jsxref("Promise")}} that resolves with a PaymentRequestDetailsUpdate object. This object contains the following properties:

  • error

    • : A string that explains why the user-selected payment method cannot be used.

  • total

    • : An updated total based on the changed payment method. The total can change, for example, because the billing address of the payment method selected by the user changes the applicable sales tax.

  • modifiers

    • : An {{jsxref("Array")}} of PaymentDetailsModifier objects, whose properties are described in {{domxref("PaymentRequestEvent.modifiers")}}.

  • paymentMethodErrors

    • : An object containing validation errors for the payment method, if any.

Examples

The following shows a trivial code snippet that could be used in a service worker to send a payment method change notification to the main payment handler window. For a complete test example, see Payment handler for testing payment method change event.

function notifyPaymentMethodChanged(e) {
  e.changePaymentMethod("someMethod")
    .then((paymentMethodChangeResponse) => {
      paymentHandlerWindow.postMessage(paymentMethodChangeResponse);
    })
    .catch((error) => {
      sendMessage({ error: error.message });
    });
}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also