Sample of how to POST form data from a static HTML page using AJAX. Also includes HTML-friendly notifications that can be populated on the page.

ajax_form_handling_sample_POST.js

$("#submit-button-id").submit(function( event ){
  event.preventDefault();

  var form = $(this);

  $.ajax({
    type: 'POST',
    url: 'https://url_here',
    data: form.serialize(),
    dataType: 'json',
    success: function() {
      form.hide();
      $("#your-element-id-here").html("Message here: success. Supports styling/HTML.");
    },
    error: function(response,err) {
      if (response.status==0) {
        $("#your-element-id-here").html("Message here");
      } else if(response.status==404) {
        $("#your-element-id-here").html("Message here: 400 Error");
      } else if(response.status==500) {
        $("#your-element-id-here").html("Message here: 500 Error");
      } else if(err=='parsererror') {
        $("#your-element-id-here").html("Message here: Parse Error");
      } else if(err=='timeout'){
        $("#your-element-id-here").html("Message here: Timeout");
      } else {
        $("#your-element-id-here").html("Message here: Unknown error");
      }
    }
  });
});