Question

我在这里关注条纹指南：https://stripe.com/docs/checkout

当我使用简单集成时，我的表单完美无缺。这是代码：

<form action="/charges" method="post">
  <article>
    <label class="amount">
      <span>Amount: $5.00</span>
    </label>
  </article>

  <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
          data-key="MYDATAKEY"
          data-description="A month's subscription"
          data-amount="500"></script>
</form>

但是，当我使用自定义集成时，我的代码没有采取正确的操作。相反，它会转到表单所在的页面。如何修复下面的代码，以便表单数据到达正确的位置。

<form action="/charges" method="post">
  <article>
    <label class="amount">
      <span>Amount: $5.00</span>
    </label>
  </article>
<button id="customButton">Purchase</button>
</form>
<script>
  var handler = StripeCheckout.configure({
    key: 'MYDATAKEY,
    image: '/img/documentation/checkout/marketplace.png',
    token: function(token) {
      // Use the token to create the charge with a server-side script.
      // You can access the token ID with `token.id`
    }
  });

  $('#customButton').on('click', function(e) {
    // Open Checkout with further options
    handler.open({
      name: 'Demo Site',
      description: '2 widgets',
      amount: 2000
    });
    e.preventDefault();
  });

  // Close Checkout on page navigation
  $(window).on('popstate', function() {
    handler.close();
  });
</script>

问题可能与令牌代码有关，但我真的不确定。我想解决的问题是表单数据到了正确的位置。

如何使用条带api告诉自定义结帐表单是什么形式的操作

0 个答案: