Интеграция клиентов Stripe не вступает в силу после нажатия на ссылку «Купить сейчас» - PullRequest
Новая
       0

Интеграция клиентов Stripe не вступает в силу после нажатия на ссылку «Купить сейчас»

0 голосов
/ 21 января 2020

Я проследил за этой документацией, и моя проверка полосы не работает. Я вынул sku и pk из приведенного ниже фрагмента SO, но кто-нибудь может увидеть, что я сделал неправильно, так как думал, что правильно его реализовал.

Когда я нажимаю ссылку «купить сейчас», ничего не происходит, не надо даже перенаправить на страницу оформления заказа. 

HTML link:
<a class="buy-btn">Buy Now</a>

...

Javascript:

 <script>
        (function () {
            var stripe = Stripe('pk_test_xxx');

            var checkoutButton = document.getElementsByClassName('buy-btn');
            checkoutButton.addEventListener('click', function () {
                // When the customer clicks on the button, redirect
                // them to Checkout.
                stripe.redirectToCheckout({
                    items: [{ sku: 'sku_xxx', quantity: 1 }],

                    // Do not rely on the redirect to the successUrl for fulfilling
                    // purchases, customers may not always reach the success_url after
                    // a successful payment.
                    // Instead use one of the strategies described in
                    // https://stripe.com/docs/payments/checkout/fulfillment

                    successUrl: window.location.protocol + '//www.xxx-online.com/xxx-leap/success',
                    cancelUrl: window.location.protocol + '//www.xxx-online.com/xxx-leap/cancelled',

                })
                    .then(function (result) {
                        if (result.error) {
                            // If `redirectToCheckout` fails due to a browser or network
                            // error, display the localized error message to your customer.
                            var displayError = document.getElementById('error-message');
                            displayError.textContent = result.error.message;
                        }
                    });
            });
        })();
...