支付请求接口

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

支付请求API为商家和支付者提供了统一的用户体验。它并非提供一种新的支付方式，而是让用户可以在原有的支付方式中进行选择，并使商家可以获悉用户的支付情况。

支付请求的概念和使用

在网上购物时，使许多用户中止购物车结算的原因都可以被归结为填写支付信息表单时的步骤繁多导致的费时费力。支付请求API正是被用以减少支付步骤，逐步彻底消除表单的填写。它的目的是简化结算流程，而实现此目的的方式是通过保存用户相关信息并传送给商家。在理想的情况下，用户将不需要填写HTML表单。

使用支付请求API中“保存卡信息并自动扣款”（使用银行卡支付时）的优点：

快捷的购买体验：用户在浏览器上只需输入一次银行卡信息，之后便可一键对网络上提供的商品和服务进行支付。即使在不同的站点购物，他们也不需要反复填写相同的支付信息。
跨站点的统一用户体验（仅指支持此API的站点）：浏览器统一控制支付页面，使定制化内容得以实现。可以定制的内容包括语言的本地化。
无障碍体验：支付页面中的表单元素由浏览器控制，使得键盘输入和屏幕朗读在跨站点时也能以统一的方式工作，且不需要开发者的额外开发。浏览器也可以对支付页面中的字体大小、颜色对比度进行同一调节，使用户在支付过程中获得更加舒适的体验。
认证管理：用户可以直接通过浏览器管理自己的信用卡和收件地址，且浏览器可以在不同设备间同步这些“认证信息”。这样，用户就能在购物时灵活地在电脑和移动设备间来回切换。
统一的异常信息处理：浏览器可以检查信用卡卡号的有效性，并在卡片已经（或即将）过期时告知用户。浏览器可以通过用户过去的使用习惯和商家的支付规则（例如，“我们只支持Visa或Mastercard”）自动对此次交易使用卡片的选择提出建议。用户还可以自行设置默认/最偏好的卡片。

当用户在页面上进行操作发起一次支付，比如点击“购买”按钮时，网页会相应地创建一个PaymentRequest对象。PaymentRequest对象允许网页与用户代理交互，传送用户输入的用以交易的信息。

你可以在Using the Payment Request API中查看完整指南。

注意：此API只有在设置了allowpaymentrequest属性时才支持<iframe>元素的跨域使用。

PaymentAddress: 一个包含地址信息的对象；例如，可以包含账单地址和收货地址。
PaymentRequest: 一个提供了创建和管理 user agent's支付接口的对象。
PaymentRequestEvent: 当PaymentRequest发生时，被传送给支付回调函数的事件。
PaymentRequestUpdateEvent: 当用户进行操作时，使网页可以更新相应的支付信息的事件。
PaymentMethodChangeEvent: 代表支付凭证改变（例如，用户将支付方式从信用卡改为了借记卡）的事件。
PaymentResponse: 一个对象，当用户选择了一种支付方式并同意发起交易请求后被返回。
MerchantValidationEvent: 代表浏览器要求商家（网站）证实自身被允许使用某种特定的支付回调函数（例如，注册了对Apply Pay支付方式的使用）的事件。

BasicCardChangeDetails: 一个对象，提供了当用户更改支付信息时，methodDetails中传送通过paymentmethodchange事件传送给 PaymentRequest的删节的地址信息。
BasicCardErrors: 一个对象，提供了BasicCardResponse中无效信息的相关错误提示。错误发生时，该对象被传送给PaymentRequest，作为PaymentValidationErrors对象中paymentMethod属性的值。
BasicCardRequest: 定义了支付请求信息（例如“卡类型”）对象的结构。
BasicCardResponse: 定义了支付请求响应（例如被使用的银行卡的“卡号”、“有效期”和“账单地址”）对象的结构。

规范	状态	注释
Payment Request API	Candidate Recommendation	原始定义
Basic Card Payment	Working Draft	定义信用卡支付回调函数中的`BasicCardRequest`和`BasicCardResponse`
Payment Method Identifiers	Candidate Recommendation	定义支付方式的识别码和认证方式。对于某些适用的场景，通过W3C进行铸币和注册。

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`PaymentRequest`	Chrome Full support 60	Edge Full support 15	Firefox No support No Notes No support No Notes Notes Available only in nightly builds. Requires `dom.payments.request.enabled` to be set to `true` and the comma-delineated list in `dom.payments.request.supportedRegions` to contain one or more of the supported 2-character ISO locales, currently US and CA.	IE No support No	Opera Full support 47	Safari Full support 11.1	WebView Android No support No	Chrome Android Full support 53	Firefox Android No support No Notes No support No Notes Notes Available only in nightly builds. Requires `dom.payments.request.enabled` to be set to `true` and the comma-delineated list in `dom.payments.request.supportedRegions` to contain one or more of the supported 2-character ISO locales, currently US and CA.	Opera Android Full support 44	Safari iOS Full support 11.3	Samsung Internet Android Full support 6.0