How could I submit the Charge plugin using Ajax?

Question

I am using the Charge plugin to handle my Stripe payments. How could I submit this form via Ajax Post and get the response? I have tried using the following code but it tells me it's a bad request:

this.ajaxReq = $.ajax({
   url: 'charge/charge',
   data: $('#charge-form').serialize()
}) .done(function(data) {
   console.log('success!');
   console.log(data);
}) .fail(function(data){
   console.log(data);
});

Answer 1

You need to specify the HTTP method used by the $.ajax method.

By default, it uses GET, but you need to submit the form using POST.