Question

我目前正在实施Stripe并遇到一些问题。

简单的集成工作非常精细，这一个：

<form action="step4" method="POST">
    <script
        src="https://checkout.stripe.com/checkout.js" class="stripe-button"
        data-key="pk_test_mA3Wo4wGNDNEQ5rRHaUKTVOZ"
        data-image="/img/documentation/checkout/marketplace.png"
        data-name="Demo Site"
        data-description="2 widgets"
        data-currency="eur"
        data-amount="2000">
    </script>
</form>

但是当我想使用here中的自定义集成时，指定的方法不会被调用。

目前我只是在POST方法上使用了一个闭包，它会死掉并转储输入。在简单的集成中，我得到了令牌。在自定义集成中，我没有。这是关闭（Laravel 5）：

Route::post('step4', function() {
    dd(Input::all());
});

这是我的自定义集成代码：

<form action="step4" method="POST">
    <button id="stripeButton" class="btn btn-lg btn-block btn-primary">Pay with Stripe</button>
</form>

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

    <script>
        var handler = StripeCheckout.configure({
            key: "{{$stripe_public_key}}",
            image: "{{$data_image}}",
            token: function(token) {
              // Use the token to create the charge with a server-side script.
              // You can access the token ID with `token.id`
            }
        });

        $('#stripeButton').on('click', function(e) {
        // Open Checkout with further options
        handler.open({
            name: "{{$data_name}}",
            description: "{{$data_description}}",
            currency: "USD",
            amount: "{{$data_amount}}",
            @if(Session::has('email'))
                email: "{{$email}}",
            @endif
            allowRememberMe: false,
        });
            e.preventDefault();
        });

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

然而这个方法似乎没有被调用，因为我没有得到输入的模具和转储。我没有收到错误消息，它似乎只是返回条带标记，而不调用方法。

如何在自定义条带集成中调用该方法？

Answer 1

您的表单没有＆＃39;提交＆＃39;按钮，#stripeButton也没有。

如果您的表单未提交，则您的方法永远不会被调用。

如果您想在routes.php文件中调用此方法，请在<input type="submit" name="Submit Stripe" />内添加form。

Answer 2

答案是，我的处理程序需要附加以下输入表单：

        var handler = StripeCheckout.configure({
            key: "{{$stripe_public_key}}",
            image: "{{$data_image}}",
            // to this when a token is generated
            token: function(token) {
                // Use the token to create the charge with a server-side script.
                // You can access the token ID with `token.id`
                $form.append($('<input type="hidden" name="stripeToken" />').val(token.id));
                $form.append($('<input type="hidden" name="stripeEmail" />').val(token.email));

                // submit the form, uncomment to make this happen
                $form.get(0).submit();
            }
        });

自定义条带按钮不会触发POST方法

2 个答案: