接收支付方式数据
要接收支付方式数据以在支付UI中向用户显示，您可以使用现成组件或SDK方法。
使用组件
- 在支付UI的HTML标记中添加
psdk-payment-methods组件，以显示可用支付方式列表。
Copy
- html
<psdk-payment-methods country="US"></psdk-payment-methods>
- 添加
selectionChange事件处理，该事件在用户选择了具体支付方式时发送。
Copy
- typescript
const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
console.log(event.detail);
});
使用SDK方法
| SDK方法名称 | 描述 |
|---|---|
getRegularMethods | 返回可用支付方式列表。 |
getQuickMethods | 返回可用的快速支付方式列表，例如Apple Pay和Google Pay。 |
getSavedMethods | 返回某个用户的已保存支付方式列表。 |
Copy
- typescript
const methods = await headlessCheckout.getRegularMethods();
本文对您的有帮助吗？
感谢您的反馈！
我们会查看您的留言并运用它改进用户体验。发现了错别字或其他内容错误？ 请选择文本，然后按Ctrl+Enter。
