Symfony2 send form ajax

Question

I'm trying to submit a form via ajax to update a field of an entity, but do not know how to retrieve the data from the controller:

<form class="ajax" action="{{ path('ajax_setSocial') }}" method="post" {{ form_enctype(form) }}>
  <div class="editor">
        {{ form_errors(form) }}
        <div class="editLabel pls">{{ form_label(form.ragSocial) }}</div>
        <div class="editField"> 
            <div class="ptm">
                {{ form_widget(form.ragSocial) }} {{ form_errors(form.ragSocial) }}
            </div>     
            {{ form_rest(form) }}
            <div class="mtm">
                <button class="btn btn-primary disabled save" type="submit">Save</button>
                <button class="btn ann">Close</button>
            </div>
        </div>
  </div>

  var url = Routing.generate('ajax_setSociale');
        var Data = $('form.ajax').serialize();
        $.post(url, 
            Data
            , function(results){
                if(results.success == true) {
                    $(this).parents('ajaxContent').remove();
                    $(this).parents('.openPanel').removeClass('openPanel');
                } else {
                    alert('False'); //test
                }
        });

controller (ajax_setSocial route)

public function setSocialeAction(Request $request)
{
      $em = $this->getDoctrine()->getManager();
      // $id = $request->get('form'); ???
    $entity = $em->getRepository('MyBusinessBundle:Anagrafic')->find($id);

    if (!$entity) {
        throw $this->createNotFoundException('Unable to find Anagrafic entity.');
    }

    $form = $this->createFormBuilder($entity)
       ->add('ragSocial', 'text', array('label' => 'Social'))
       ->add('id', 'hidden')
        ->getForm();
    $form->bind($request);

    if ($form->isValid()) {
        $em->persist($entity);
        $em->flush();

        $output = array();
        $response = new Response();
        $output[] = array('success' => true);
        $response->headers->set('Content-Type', 'application/json');
        $response->setContent(json_encode($output));
        return $response;
    }

As recovery values ​​and then pass the id to create the query and the other values ​​to update the entity? And if the fields do not pass validation, how do I pass the error?

Answer 1

I suggest to pass the id to the controller.

html:

<form class="ajax" action="{{ path('ajax_setSocial', { 'id': entity.id }) }}" method="post" {{ form_enctype(form) }}>

var url = "{{ path('ajax_setSocial', { 'id': entity.id }) }}";

The controller annotation, parameter, and return value, to get the id:

/**
 *
 * @Route("/{id}", name="ajax_setSocial")
 * @Method("POST")
 */
public function setSocialeAction(Request $request, $id) {
    $em = $this->getDoctrine()->getManager();
    $entity = $em->getRepository('MyBusinessBundle:Anagrafic')->find($id);

    return array(
        'entity' => $entity
    );
}

Passing error back to html is like this:

// dummy line to force error:
// $form->get('ragSocial')->addError(new FormError("an error message"));

if ($form->isValid()) {
    ...
} else {
    $errors = $form->get('ragSocial')->getErrors(); // return array of errors
    $output[] = array('error' => $errors[0]->getMessage()); // the first error message
    $response->headers->set('Content-Type', 'application/json');
    $response->setContent(json_encode($output));
    return $response;
}

Answer 2

I think you want this:

symfony2 chained selectors

However, this one may also be useful:

Many-to-Many Ajax Forms (Symfony2 Forms) (Answer 3)