Comment soumettre le formulaire ajax dans symfony2?

Je suis sur le point de soumettre mon formulaire avec Ajax,j'ai réussi à envoyer mon formulaire à l'aide de POST mais vous ne savez pas comment utiliser Ajax avec Symfony

builform

    $builder->add('name', 'text', array('constraints' => array(new NotBlank()), 'attr' => array('placeholder' => 'Name')))
        ->add('gender', 'choice', array('empty_value' => 'Select Gender', 'constraints' => array(new NotBlank()), 'choices' => \AppBundle\Entity\Records::$gender_list, "required" => true))
        ->add('dateOfBirth', 'birthday', array('label' => 'Date Of Birth','required'=>true))
        ->add('image_path', 'file', array('label' => ' ','required'=>false, 'data_class' => null, 'constraints'=>array(new Assert\File(                                             array('mimeTypes'=>$mime_types, 'maxSize'=>'2048k' )))))
        ->add('country_of_birth', 'entity', array('empty_value' => 'Country of Birth',
            'class' => 'AppBundle\Entity\Location',
            'property' => 'country',
            'label' => 'Country of Birth'
        ))
        ->add('religion', 'entity', array('empty_value' => 'Select Religion',
            'class' => 'AppBundle\Entity\Religion',
            'property' => 'name',
            'label' => 'Religion'
        ));

Action

        $success = false;
        $record_rep = new \AppBundle\Entity\Records();
        $form = $this->createForm(new \AppBundle\Form\AddPersonType(), $record_rep);

        if ($this->getRequest()->getMethod() == 'POST') {
            $form->submit($request);
            if ($form->isValid()) {
                $data = $form->getData();
                $file = $data->getImagePath();
                $image = $file->getClientOriginalName();

                $new_image_name = $this->hanldeUpload($image, $file);
                $this->savetoDB($data, $record_rep, $new_image_name);
                $success = true;
            }
        }
        return $this->render('AppBundle:Homepage:add_person_form.html.twig', array('form' => $form->createView(), 'success'=>$success ));
    }

OriginalL'auteur Amr | 2015-04-09

  1. 17

    Avec jQuery, utilisez serialize() le formulaire et l'envoyer à votre itinéraire.

    $('#form').submit(function(e) {

    e.preventDefault();
    var url = "{{ path('YOUR_PATH') }}";
    var formSerialize = $(this).serialize();

    $.post(url, formSerialize, function(response) {
        //your callback here
        alert(response);
    }, 'JSON');
});

    Dans votre action 

    if ($form->isValid()) {

....

  return new Response(json_encode(array('status'=>'success')));
}

    il doit être ok comme ça. mais vous pouvez ajouter quelques paramètres tels que le format, méthodes, etc... dans votre routage.

    mon action est déjà rendu html, donc quand j'ai essayé votre solution dont il a toujours rendu de la valeur de succès = false,il doit le faire j'ai besoin de gérer, à mon avis, en plus que j'ai l'image de ce bloc ajax à effectuer ?
    Ressemble à la dernière ligne de la partie supérieure du bloc de code }); au lieu de } -HTH
    return new Response(json_encode(array('status'=>'success')); manque une dernière parenthèse fermante. Devrait être return new Response(json_encode(array('status'=>'success'))); -HTH

    OriginalL'auteur MouradK

  2. 2

    pour l'Ajax

     $("#person").submit(function(e){


    var formURL = "{{ path('form') }}";
    var formData = new FormData(this);
    $.ajax({
        url: formURL,
        type: 'POST',
        data:  formData,
        mimeType:"multipart/form-data",
        contentType: false,
        cache: false,
        processData:false,
        success: function(data, textStatus, jqXHR)
        {

        },
        error: function(jqXHR, textStatus, errorThrown)
        {
        }
    });
    e.preventDefault(); //Prevent Default action.
    e.unbind();
});
$("#person").submit();

    et Pour l'Action

     if ($request->isXmlHttpRequest()) {

....

return new Response(json_encode(array('status'=>'success'));
}

    OriginalL'auteur Amr