Symfony2: send form and other variables with ajax

Question

I am using Symfony, version 2.5.3, and I am trying to submit a form with Ajax. So, in my controller I have

  $form = $this->createForm(
      new MyFormType(), 
      $formvariable
  );

  $form->handleRequest( $request );

  if ($form->isValid()) {
      // do stuff
  } else {
      // other stuff
  }

and my jQuery script could be similar to this:

    formdata = $('form[name=MyFormTypeForm]').serialize();

    $.ajax({
        type: "POST",
        url: // my url,
        data: formdata ,
        async: true,
        dataType: "json",
        success: function(response) 
        {
            // stuff here
        },
        error: function(XMLHttpRequest, textStatus, errorThrown)
        {
            // stuff there
        },
    });

This would work fine, but unfortunately I have to send other variables together with the fields of the form.
What I want to do in my jQuery is something like:

    formdata = $('form[name=MyFormTypeForm]').serialize();

    value      = { 
                  myvar1   : data1    ,
                  myvar2   : data2    ,
                  formdata : formdata ,
                };

    $.ajax({
        type: "POST",
        url: // my url,
        data: value ,
        async: true,
        dataType: "json",
        success: function(response) 
        {
            // stuff here
        },
        error: function(XMLHttpRequest, textStatus, errorThrown)
        {
            // stuff there
        },
    });

However, in this way $form->isValid() inside the controller always returns false.

Is there a way to fix this?
Thank you in advance

Alberto

Edit: Adding some additional details, in response to comments:

I cannot add some extra fields inside my form because the additional variables are used to generate the form itself.

More details of the controller:

    $em = $this->getDoctrine()->getManager();

      $action = $request->request->get('action',   null);
      $myentid = $request->request->get('myentid',   null);

      // Here I determine if I have to create a form for a new entity or an 
      // entity already present in the database
      if ( empty($myentid) )
      {
          // New entity
          $formvariable = new MyEntity();
      } else {
          // Retrieve entity from database
          $formvariable = $this->getDoctrine()->getManager()
              ->getRepository('MyBundle:MyEntity')
              ->find($myentid);
      }

      $form = $this->createForm(
          new MyFormType(), 
          $formvariable
      );

      // I am requesting a new form: render the form and send to page
      if ($action == "newform")
      {
          $response["code"] = $this->render('MyBundle:Controller:mytwigview.html.twig', array( 
              'form' => $form->createView(), 
              ))->getContent();
          return new Response(json_encode($response));

      }

      // The form has already been filled: save
      if ($action == "save")
      {
          $form->handleRequest( $request);

          if ($form->isValid()) {
              $em->flush();
          } else {
              echo "Errors: ".$form->getErrors();
          }
      }

// And here I return the save confirmation

What about adding the extra data as hidden inputs to the form? — Markus Kottländer
– Markus Kottländer, Commented Nov 10, 2014 at 11:48
Unfortunately this is not possible. I need this extra data to effectively generate the form, to which associate the formdata. — Alberto
– Alberto, Commented Nov 10, 2014 at 11:52
Wenn the extra data is used to generate the form... than it should be possible to inject it into the form itself... how are you generating it? Could you add this to your question? — Markus Kottländer
– Markus Kottländer, Commented Nov 10, 2014 at 11:54
So it seems you are trying to merge the new and edit actions, right? — Markus Kottländer
– Markus Kottländer, Commented Nov 10, 2014 at 12:20

Markus Kottländer · Accepted Answer · 2014-11-10 12:57:17Z

3

The controller should look something like this I would suggest:

/**
 * @Route("/myentity/{myentid}")
 */
public function newAndEditAction(Request $request, $myentid = null)
{
    $em = $this->getDoctrine()->getManager();

    // Here I determine if I have to create a form for a new entity or an 
    // entity already present in the database
    if ($myentid)
    {
        // Retrieve entity from database
        $formvariable = $this->getDoctrine()->getManager()
            ->getRepository('MyBundle:MyEntity')
            ->find($myentid);
    } else {
        // New entity
        $formvariable = new MyEntity();
    }

    $form = $this->createForm(
        new MyFormType(),
        $formvariable
    );

    if ($request->getMethod() == 'POST') { // save
        $form->handleRequest($request);

        if ($form->isValid()) {
            $em->flush();
            // return some response
            return Response(...);
        }
    } else { // edit and new
        return new Response($this->render('MyBundle:Controller:mytwigview.html.twig', array(
            'form' => $form->createView(),
        ))->getContent());
    }
}

I made the id parameter optional for this action and decide whether to save/update and show new or edit form based on the id parameter and request method.

answered Nov 10, 2014 at 12:57

Markus Kottländer

8,2844 gold badges42 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nicki Over a year ago

This seems not to answer how to process the form data submitted within the 'values' array?

DelphiLynx · Accepted Answer · 2017-01-03 10:45:40Z

I use the following to submit two forms at once via Ajax. It is also the answer to your question:

$.ajax({
    type: "POST",
    url: Routing.generate('ajax_report_processing_create_pdf'),
    data: $reportMainWrapper.find('form[name="report"]').serialize() + '&' +
    $reportProcessingForm.find('form').serialize(),
    dataType: "json"
})
    .done(function (data) {
        console.log('done');
        console.log(data);
    })
    .fail(function (jqXHR, textStatus, errorThrown) {
        console.log('fail');
        console.log(jqXHR);
    })
    .always(function () {
        console.log('always');
    });

As you can see, you can just use:

data: 'myvar1=' + data1 + '&' + 'myvar2=' + data2 + '&' + formdata,

As you see I did not 'formdata=' + formdata,. That is because your variable formdata already contains key-value data as such:

form[yourinput1]  = 'string1'
form[yourinput2]  = 'string2'

So in your controller you can now simply do a $form->handleRequest($request); and it will work instantly.

Collectives™ on Stack Overflow

Symfony2: send form and other variables with ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related