javascript - jQuery AJAX success not firing even though data is being captured

Question

I have a form that I'm submitting by AJAX and trying to replace the form once it's been submitted with a success message.

Using this:

jQuery(function($){
  var $form    = $('#ajax_form'),
      $message = $('#thanks');

  $form.submit(function(e){
    $.ajax({
      type: "POST",
      data: $form.serialize(),
      url: $form.attr('action')
    })
      .done(function(data) {
        console.log(data);
        if (data.success) {
          $form.hide();
          $message.fadeIn('slow');
        }
      });

    e.preventDefault();
  });
});

when I click the submit button, nothing happens, and I don't get anything written to the console. But the form is hooked up to a database and I can see in the back end that submissions are being saved.

So why is that nothing within the done function is returning?

question from:https://stackoverflow.com/questions/65947886/jquery-ajax-success-not-firing-even-though-data-is-being-captured

Answer 1

Waitting for answers