ストライプは同じページに投稿されていません

Question

ストライプチェックアウトのカスタムを使用しようとしていますが、情報が処理できるように次のページを投稿するように見えます。

<form action="" method="POST">  
<script src="https://checkout.stripe.com/checkout.js"></script> 

    <button id="customButton">Purchase</button> 

    <script> 
    var handler = StripeCheckout.configure({ 
     key: 'example_key_123', 
     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('customButton').addEventListener('click', function(e) { 
     // Open Checkout with further options: 
     handler.open({ 
     name: 'Test', 
     description: '2 widgets', 
     currency: 'aud', 
     amount: 2000 
     }); 
     e.preventDefault(); 
    }); 

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

Answer 1

あなたが共有したコードはトークンで何もしません。 コールバックは空ですので、基本的にカードトークンを作成しますが、それを放棄します。

をカスタマイズして、必要なページに適切にトークンを投稿する必要があります。同じページでも動作します。 hereという完全な例が表示されますが、独自のフォームがあり、トークンが作成されたらフォームに追加して送信してください：

var handler = StripeCheckout.configure({ 
    key: 'pk_test_XXXXX', 
    token: function(token) { 
    $("#stripeToken").val(token.id); 
    $("#stripeEmail").val(token.email); 
    $("#payment-form").submit(); 
    } 
});