如何使用默认的嵌入式付款表单捕获 Stripe 回复详细信息?



读完这篇文章后:

带选项的条纹自定义结账

我知道无法从 Stripe iframe 中输入的内容中获取详细信息。

回复的详细信息如何?例如,当我单击使用过期的测试卡付款时,我可以在控制台("网络"选项卡)中观察到这一点:

error {
code: 'expired_card'
doc_url: 'https://stripe.com/docs/error-codes/expired-card'
message: 'Your card has expired.'
param: 'exp_month'
type: 'card_error'
}

我的目标是获取该消息并将其显示在我自己的弹出窗口中(因为 Stripe 只对几种类型的错误执行此操作)。

我已经在加载他们的付款表单的页面中尝试了一些 Stripe 错误标签(文档),但它们似乎没有更新任何内容......

还有其他方法可以捕获这些响应详细信息吗?还是我需要其他东西才能显示这些?

注意:我不是自己执行请求 - 我需要使用 Stripe 加载的默认结账表单(类似于使用这些 Stripe 测试卡时本快速入门中的"用卡支付"按钮)。

是否在快速入门页上向下滚动?那里有关于如何将数据发送到服务器的代码。

<form action="your-server-side-code" method="POST">
<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
data-amount="999"
data-name="Stripe.com"
data-description="Example charge"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto"
data-zip-code="true">
</script>
</form>

从那里,您可以将所需的任何响应从服务器发送回前端。

最新更新