Question

我正在尝试通过https://stripe.com/docs/checkout中所述的“简单”结帐将Stripe与我的网站集成。我创建了一个摘要页面，在上面添加了脚本标记。这显示了“用卡付款”，并且效果很好。

但是，我需要在此摘要页面上单击“取消”或“返回”按钮，以便使用户有机会返回上一页或取消在线预订。但是，即使单击了另一个按钮，“付款”弹出窗口也会打开，并且不会引发后退按钮事件。

我想念什么？为什么Stripe JS甚至劫持了其他按钮。请帮忙。

Answer 1

简单结帐允许用户输入他们的信用卡，然后创建一个令牌，然后立即提交<form></form>，并将其围起来。如果您需要的自定义性不止这些，则需要使用Custom Checkout集成。

通过Custom集成，向用户显示Checkout，Stripe生成令牌，然后由您决定下一步做什么---您可以在令牌创建回调中编写JS，以使用令牌，然后立即提交表单，或者您也可以将用户重新放置在摘要页面上，并等待用户再次确认，然后再提交表单或“返回”。

var handler = StripeCheckout.configure({
  key: 'pk_test_xxxyyyyzz',
  token: function(token) {
    // You can access the token ID with `token.id`.
    // Do something with that token (append a hidden input + submit the form?)
  }
});

带取消按钮的条带化简单结帐集成

1 个答案: