使用默认条纹形式设置自定义条纹签出

时间:2018-06-27 22:51:36

标签: javascript html stripe-payments

因此,我一直在尝试为我获取自定义条纹签出表格。我无法使用简单版本,因为我需要能够更改要支付的金额以及每次购买的说明,而标准条纹结帐表单仅为这两个变量设置了值,无法更改。但是,我不想使用自定义表单,我只想使用标准表单进行结帐。我的问题是尝试将数据发送到服务器,我尝试了许多不同的方法,但似乎无法正常工作。这是我的代码:

            <p><input id="buy-submit-button" class="button" type="submit" value="チェックアウト"></input></p>

            <script> 
            var handler = StripeCheckout.configure({
                key: 'pk_test_g6do5S237ekq10r65BnxO6S0',
                locale: 'auto',
                token: function(token) {

                        //don't know what needs to go here

                }
            });

                document.getElementById("buy-submit-button").addEventListener('click', function(e) {
                setTimeout(function(){ 
                    var totalCost = 0; 
                    var totalCartLoad = ""; 
                    totalCost = localStorage.getItem('totalCartPrice'); 
                    totalCartLoad = localStorage.getItem('whatsInCart'); 
                    totalCartLoad = totalCartLoad.replace('undefined',''); 

                    // Open Checkout with further options:
                    handler.open({
                        name: "チェックアウト",
                        description: totalCartLoad,
                        shippingAddress: true,
                        billingAddress: true,
                        zipCode: true,
                        allowRememberMe: true,
                        currency: 'JPY',
                        amount: totalCost

                    });
                    e.preventDefault();

                }, 500);

            });

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

所以我再重申一遍。我要做的就是使用按条带默认表单,当您按下按钮然后将其提交到服务器时会弹出该表单,正确的方法是什么?

1 个答案:

答案 0 :(得分:0)

我能够使用此处提供的另一个问题的答案来解决此问题:make-stripe-data-amount-use-a-dynamic-with-a-variable