스트라이프가 같은 페이지에 게시되지 않습니다

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(); 
    } 
});