Secure context
This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The PaymentDetailsBase dictionary is a mixin used by the PaymentDetailsInit and PaymentDetailsUpdate dictionaries. It is never directly used by developers and is included here only to be used as the basis for those documents.
Properties
displayItemsOptional- An array of
PaymentItemobjects, each describing one line item for the payment request. These represent the line items on a receipt or invoice. modifiersOptional- An array of
PaymentDetailsModifierobjects, each describing a modifier for particular payment method identifiers. For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!"). shippingOptionsOptional- An array of
PaymentShippingOptionobjects, each describing one available shipping option from which the user may choose.
Derived dictionaries
The following dictionaries include PaymentDetailsBase.
PaymentDetailsInit- Provides payment information when calling the
PaymentRequest()constructor. PaymentDetailsUpdate- Provides updated payment details while the payment user interface is being handled. This can be delivered to the payment interface using either
PaymentDetailsUpdateEvent.updateWith()or by returning it from the optionaldetailsUpdatepromise provided to thePaymentRequest.show()call that begins the user interaction.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Payment Request API The definition of 'PaymentDetailsBase' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
PaymentDetailsBase | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 6.0 |
displayItems | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
modifiers | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
shippingOptions | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
