2016-11-30 84 views
0

我試圖使用條紋結帳自定義但是我似乎無法得到以下信息發佈到相同的頁面,所以信息可以處理,有沒有人知道我在這裏失蹤?條紋不會發布到同一頁

<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> 

回答

0

您剛剛共享的代碼不會對令牌執行任何操作。 回調是空的,所以你基本上創建一個卡片令牌,但把它扔掉。

您需要自定義才能將令牌正確發佈到所需的頁面。它也可以在同一頁面上工作。你可以看到一個完整的例子here但想法是,你有自己的形式,一旦令牌被創建,你將它添加到表單並提交它:

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