Using jQuery to POST a Symfony form

Question

I am using jQuery in conjunction with Symfony 1.3.2.

I have registered the form's submit button click event with jQuery, so that jQuery POSTs to the correct action at the server.

My code looks like this:

$(document).ready(function(){
  $('#form_btn').click(function(){
     $.ajax( {'type': 'POST', 'url': '/form_handler.php' });
  });
});

However (perhaps unsurprisingly - since I did not send any data), at the server end, there are no POST variables and the form fields are not available.

For example:

$request->getParameter($this->form->getName());

returns null.

Does anyone know how I can POST a Symfony form using jQuery?

[Edit]

For those who may not be familiar with Symfony, what I am asking here is how to post form values using jQuery.

Answer 1

You have to add all the input fields from the form to the .ajax() call, something like

$.ajax({'type': 'POST', 'url': '...', 'data': form_data });

Where var form_data are the values of your input elements - see here on how to get them: http://stackoverflow.com/questions/169506/get-form-input-fields-with-jquery