使用JavaScript创建条带费用

时间:2017-08-14 18:25:43

标签: javascript php html stripe-payments

我下面有一段工作代码,我想知道是否有可能在"成功的令牌中进行条带收费"结账过程?下面的所有代码都在工作,我只是想知道在哪里插入创建acctuall费用的代码。     

    <script src="https://checkout.stripe.com/checkout.js"></script>
    <script src="https://js.stripe.com/v3/"</script>

    <button id="payment-button" type="button" class="btn btn-success">Pay With Card</button>

    <script>
    var handler = StripeCheckout.configure({
      key: 'mykeyhere',
      image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
      locale: 'auto',
      token: function(token) {
        // You can access the token ID with `token.id`.
        // Get the token ID to your server-side code for use.
        document.getElementById("book-appointment-submit").style.display="block";
        document.getElementById("payment-button").style.display="none";
      }
    });

    document.getElementById('payment-button').addEventListener('click', function(e) {
      // Open Checkout with further options:
      handler.open({
        name: 'DenchCodeLTD',
        description: '2 widgets',
        zipCode: true,
        currency: 'gbp',
        amount: 2000
      });
      e.preventDefault();
    });

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

<!-- End Of Stripe Payment -->

<button id="book-appointment-submit" type="button" class="btn btn-success" style="display:none">
    <span class="glyphicon glyphicon-ok"></span>
    <?php
        echo (!$manage_mode) ? $this->lang->line('confirm')
                : $this->lang->line('update');
    ?>
</button>

1 个答案:

答案 0 :(得分:2)

您无法在JS内部收取费用。使用Stripe为客户充电需要两个步骤。

第1步:您使用Checkout收集客户的信用卡信息,然后将其发送到Stripe。你得到一个令牌。这就是您在上面的代码中所做的事情。

第2步:您必须使用此令牌并将其传递给后端,然后告知Stripe对其进行收费,或将其保存给客户以便稍后付费。您将需要服务器上的脚本(PHP,Ruby等)来处理此步骤。

第二步的一些简短示例如下:https://stripe.com/docs/charges

token: function(token) { }回调中,您至少要抓住token.id,将其附加到{Checkerout >>按钮周围的.submit() <form></form>

如果您想要更复杂的东西,可以通过AJAX请求将令牌ID传递给后端,然后将收费请求的成功或失败转发给用户。

https://stripe.com/docs/checkout#integration-custom