javascript - 通过 AJAX 将 POST strip 化到 flask

Question

我正在尝试使用一个函数，该函数在提交条形表单时发送 ajax 请求。我试过使用 .submit() 但它似乎没有做任何事情。这是我正在尝试的:

HTML

<form action="/download_data" method="post" id="paymentForm">
                    <script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                        data-key="{{ stripe_key }}"
                        data-description="A Flask Charge"
                        data-amount="500"
                        data-locale="auto"> 
                    </script>
                </form>

JS

$("#paymentForm").submit(function(event) {
    window.alert("HELLO")
    event.preventDefault();

    var $form = $(this),
        url = $form.attr('action');

    var formdata = $form.serialize();
    console.log(formdata)

    //AJAX will go here if I can get the function working
 })

而且我认为这个函数根本不会被调用，所以我有点停止添加它，直到我以某种方式解决这个问题。任何帮助将不胜感激。谢谢!

Answer 1

您需要使用 "custom integration"方法，这样您就可以定义一个在 Checkout 创建 token 时调用的回调，然后您可以在 AJAX 请求中提交 token (或执行任何其他您想要的操作):

var handler = StripeCheckout.configure({
  key: 'pk_...',
  token: function(token) {
    // Grab the token from `token.id` and send it in an AJAX request
  }
});

这是一个基本示例:https://jsfiddle.net/ywain/ym0k4t9f/