Takes the form data from HTML, adds some extra data, then encodes into JSON and request is sent to the server

GetFormFieldsAndValuesIntoArrayThenJSON.html

<form id="myform">
  <input id="CustomerName" name="CustomerName" type="text" />
  <input id="Phone" name="Phone" type="text" />
  ...
</form>

<script type="text/javascript">
  //Pull in all the data from the HTML form called myform
  var postData = $("#myform").serializeObject();
  
  //Add extra data to tell the server what im doing
  postData.push({name:'action', value:"create"});
  postData.push({name:'model', value:"customer"});
  
  //Send it off to the server
  $.post("../endpoint.php", 
    postData, 
    function(response) 
    {
      if (response.status == true)
      {
          alert("Account created");
      }
      else
      {
          alert("An error occured");
      }
    }, "json");
    
    
    $.fn.serializeObject = function()
        {
            var o = {};
            var a = this.serializeArray();
            $.each(a, function() {
                if (o[this.name] !== undefined) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            return o;
        };
</script>