javascript - 如何使用默认的嵌入式支付表单捕获 Stripe 响应详细信息？

Question

读完后：

带选项的条纹自定义结帐

我了解无法从 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 测试卡时本快速入门中的“信用卡支付”按钮）。

Answer 1

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

    <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>

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