2017-08-13 24 views
0

在这里,我有条纹的“自定义”结帐按钮,我想知道如何在结帐过程成功后让这个脚本执行一段JavaScript代码。我希望它将“书约会按钮”样式改为“阻止”而不是“无”(我已经知道如何做到这一点)。我只是努力如何使它在结账完成后触发所说的JavaScript,如果任何人都可以请帮助它将不胜感激。提前致谢。Stripe在窗体上执行Javascript完成

<!-- Start Of Stripe Payment --> 
<script src="https://checkout.stripe.com/checkout.js"></script> 

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

<script> 
    var handler = StripeCheckout.configure({ 
     key: 'hidden', 
     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: 'DenchCodeLTD', 
      description: '2 widgets', 
      zipCode: true, 
      currency: 'gbp', 
      amount: 2000 
     }); 
     e.preventDefault(); 
    }); 
    // Close Checkout on page navigation: 
    window.addEventListener('popstate', function() { 
     handler.close(); 
    }); 
</script> 

<!-- End Of Stripe Payment --> 

<button id="book-appointment-submit" type="button" class="btn btn-success" style="display:none"> 
    <span class="glyphicon glyphicon-ok"></span> 
    <?php echo (!$manage_mode) ? $this->lang->line('confirm') : $this->lang->line('update'); ?> 
</button> 

回答

0

当结帐完成时,Stripe将运行token回调。

这是记录在条纹的结帐,但它有点隐藏在配置选项。无论如何,快乐的编码:)

+0

哇谢谢你这么多的人,可不敢相信我错过了这么简单的东西^ _ ^ –

0

有两个步骤: 1)在第一步结账过程中,当用户点击按钮将显示一个popoup,你必须输入卡详细信息。一旦完成,分条就会为当前事务生成令牌标识。您将在token.id的处理程序中获得令牌ID。

2)第二步您必须通过使用令牌ID和您的密钥进行付款或收费来进行api呼叫。

对于第二个过程,您可以通过使用Ajax或表单提交将令牌ID发送到服务器端。在服务器端,你必须打电话给stripe的charge api。

你可以通过这个文件:

https://stripe.com/docs/checkout/php

相关问题