How can I modify Stripe Checkout to instead send an AJAX request?

Question

I\'m using Stripe and Checkout to create a payment form and I want to be able to use Checkout\'s awesome javascript library, but I also want to change the form submission fr

Answer 1

Stripe triggers the form's submit() function. You can set event handler (not listener!) to it to prevent sending normal POST request.

Example using plain javascript:

var form = document.getElementById('myStripeForm');
form.submit = function() {
    // ... get form data here and send it through ajax

    // Prevent form submit.
    return false;
}

Example using jQuery:

$('#myStripeForm').get(0).submit = function() {
    var data = $(this).serializeArray();
    // process data and send ajax request

    $.ajax(...);

    // Prevent form submit.
    return false;
}