AJAX Form Submission in jQuery

AJAX Form Submission in jQuery — a practical guide to jQuery AJAX form submit with clear examples you can reuse in real projects.

jQuery Tutorial Series (70/101). Prefer one article? Read the complete jQuery tutorial.

Short description

Disable the submit button while the request is in flight.

AJAX submit

$('#contact').on('submit', function (e) {
  e.preventDefault();
  var $form = $(this);
  $.post($form.attr('action'), $form.serialize())
    .done(function () { alert('Sent'); });
});