Serialize a form in order to send it via Ajax

Question

I want to send a form via Ajax, not via a submit button.

I defined the form as follows in the below code excerpt, and later I defined the jQuery function to trap the CREATE BUTTON action.

When I debug this I get that

console.log($('#customer_form').serialize()); does not throw anything.

Is this the right way of serializing a form?
Do the buttons need to be inside the element?

Here is the used code:

HTML:

JavaScript:

$(document).ready(function(){
    $('#create').click(function(event) {
        console.log('foo');
        alert($('#customer_form').serialize());
        event.preventDefault();
    });
});

Bourbia Brahim · Accepted Answer

You just forgot to add the name attribute to your inputs:


-------^

See the below snippet:

$(document).ready(function(){
      $('#create').click(function(event) {
          console.log('foo');
          alert($('#customer_form').serialize());
          event.preventDefault();
      });
  });

Serialize a form in order to send it via Ajax

Answers (1)

Related Questions