我正在关注Stripe Docs的这个示例集成(略微修改,以便能够将点击处理程序添加到多个按钮:
<script src="https://checkout.stripe.com/checkout.js"></script>
<button id="customButton">Purchase</button>
<script>
var handler = StripeCheckout.configure({
key: 'pk_test_jPVRpCB1MLjWu2P71eTvXBZD',
image: '/square-image.png',
token: function(token) {
// Use the token to create the charge with a server-side script.
// You can access the token ID with `token.id`
}
});
$('.pay-deposit').click( function(e) {
// Open Checkout with further options
handler.open({
name: 'Demo Site',
description: '2 widgets ($20.00)',
amount: 2000
});
e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)
在我的特定情况下,我有几个按钮,如:
<button class='pay-deposit' booking-id='3455'>Pay Deposit</button>
<button class='pay-deposit' booking-id='335'>Pay Deposit</button>
<button class='pay-deposit' booking-id='34'>Pay Deposit</button>
Run Code Online (Sandbox Code Playgroud)
...显然我想以某种方式传递点击按钮的预订ID以进行令牌回调.找不到任何关于这个看似简单案例的例子或解释......任何帮助都非常感激.谢谢!