【问题标题】:this.fn is not a function when submitting a checkout.js form提交 checkout.js 表单时 this.fn 不是函数
【发布时间】:2015-12-21 06:31:54
【问题描述】:

我在尝试提交 Stripe 结帐表单时遇到错误。

这是我的代码:

<form method="POST" action="http://sugarcereal.com/bid" accept-charset="UTF-8">
<input name="_token" type="hidden" value="7GVWWPe71ETA9ApL7MZF03Hx3g0tAWRaJ4iWl0dS">

<div>
    <label for="url">URL</label>
   <input placeholder="url" name="url" type="text">
</div>
<div>
    <label for="bid_amount">Bid Amount</label>
    <input placeholder="bid_amount" name="bid_amount" type="text" value="200" id="bid_amount">
</div>

<div>
    <script src="https://checkout.stripe.com/checkout.js"></script>

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

<script>
    var handler = StripeCheckout.configure({
    key: 'pk_test_my_key',
    image: 'logo.png',
    locale: 'auto'
  });

$('#customButton').on('click', function(e) {
// Open Checkout with further options
handler.open({
  name: 'Co. Name',
  description: 'Bid',
  amount: $('#bid_amount').val()
});
e.preventDefault();
});

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

【问题讨论】:

  • 这是整个调用栈吗?如果是,它不是源自您的代码。可能是您必须更新条带,因为您有一个错误,或者您应该订阅一个事件处理程序。我不太确定。
  • 您没有提供令牌回调,您需要提供一个以便接收来自 Checkout 的响应

标签: javascript stripe-payments checkout


【解决方案1】:

马修在上面作为评论回答。我错过了一个令牌回调函数。

【讨论】:

  • 原谅我的无知,什么是令牌回调函数。我也有同样的问题。
  • Stripe Checkout 自定义集成工作流程要求将 token 值定义为传递到 StripeCheckout.configure() 的对象的一部分。 token 值应该是成功接收到 Stripe 响应后会执行的函数,负责将接收到的 token 提交给自己的后端服务器。
猜你喜欢
  • 2013-09-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-29
相关资源
最近更新 更多