sf2.6 : formulaire ajax

Version imprimable

Bonjouuuuuuuuuuuuuuur les amis,

j'envois un formulaire en ajax de la sorte :

Code:

1
2
3
4
5
6
7
8
9
10
 
            var url = $("form").attr("action");
 
            $.post( url, {
                type: "POST",
                data: $(this).serializeArray(), 
                cache: false
            },function(data){               
                 // retour js
            });

dans mon controller, pour récupérer toutes les données du formulaire voici ce que je fais :

Code:

1
2
 
 $params = $request->request->all();

le résultat de $request->request->all()

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
array(3) {
  ["type"]=>
  string(4) "POST"
  ["data"]=>
  array(5) {
    [0]=>
    array(2) {
      ["name"]=>
      string(16) "form_groupe[nom]"
      ["value"]=>
      string(6) "DEVIS2"
    }
    [1]=>
    array(2) {
      ["name"]=>
      string(24) "form_groupe[type_action]"
      ["value"]=>
      string(11) "EDIT_GROUPE"
    }
    [2]=>
    array(2) {
      ["name"]=>
      string(27) "form_groupe[application_id]"
      ["value"]=>
      string(1) "2"
    }
    [3]=>
    array(2) {
      ["name"]=>
      string(22) "form_groupe[groupe_id]"
      ["value"]=>
      string(2) "64"
    }
    [4]=>
    array(2) {
      ["name"]=>
      string(21) "form_groupe[droit_id]"
      ["value"]=>
      string(0) ""
    }
  }
  ["cache"]=>
  string(5) "false"
}

le soucis c'est que $request->request->all() me retourne un tableau avec les données mais ils sont difficilement accessible d'un point de vue programmatique.
car je pourrai faire ça :

Code:

1
2
 
$nom = $params["data"][0]["value"]

mais je trouve ça zarbi !

donc ma question, il y a t'l une façon de faire assez cool pour accéder à ces données ?

je précise qu'avec handleRequest ça ne fonctionne pas en ajax sous sf2.6

07/02/2015, 17h31
Nico_F

Hello, pourquoi ça ne fonctionnerait pas en ajax avec handleRequest en 2.6 ?

dans la méthode js c'est "serialize" et le handleRequest fonctionnera ....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$(document).ready(function(){
            var $form = $('.form');
            $form.on('submit',function(event){
                event.preventDefault();
                $.post( $(this).attr('action'), {
                    type: $(this).attr('method'),
                    data: $(this).serialize(),
                    cache: false
                },function(response){
                    //...
                });
            })
        });

goagonba, avec: $(this).serialize(),
j'avais essayé et je viens encore d'essayé et toujours pas :(

NICO_F, eh bien c'est ce que je me pose la question depuis 3 jours.

j'avais fais ainsi et je viens encore de le faire :

Code:

1
2
3
4
5
6
7
8
 
        if ($request->isXmlHttpRequest() && $request->getMethod() == 'POST') {  
            $form_data = $this->createForm(new DataGroupeType());             
            $form_data->handleRequest($request);
var_dump($form_data);      // dans l'objet $form_data il y a bien les données du formulaire
 
            $data = $form_data->getData();   
var_dump($data);              //   $data vaut NULL

$data reste à NULL :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
{% extends 'base.html.twig' %}
 
{% block body %}
 
    {{ form(form,{attr:{class:'form'}}) }}
 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 
    <script>
        $(document).ready(function(){
            var $form = $('.form');
 
            $form.on('submit',function(event){
 
                event.preventDefault();
 
                $.post(
                    $(this).attr('action'),
                    $(this).serialize(),
                    function(response){
                        console.log(response);
                    }
                );
            });
 
        });
 
    </script>
 
{% endblock %}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<?php
 
namespace AppBundle\Controller;
 
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Method;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Symfony\Component\HttpFoundation\JsonResponse;
use Symfony\Component\HttpFoundation\Request;
 
class DefaultController extends Controller
{
    /**
     * @Route("/", name="homepage")
     * @Method("GET")
     */
    public function indexAction()
    {
 
        $form = $this->getForm();
        return $this->render('default/index.html.twig',array('form'=>$form->createView()));
    }
 
    /**
     * @Route("/check",name="submit")
     * @Method("POST")
     */
    public function submitAction(Request $request)
    {
        $form = $this->getForm();
 
        $form->handleRequest($request);
 
        if($form->isValid()){
 
            return new JsonResponse(array('text'=>$form->getData()));
        }
 
        $errors = array();
        foreach($form->getErrors(true) as $error){
            $errors[] = $error->getMessage();
        }
 
        return new JsonResponse(array('errors'=>$errors,'data'=>print_r($form->getData(),true)));
 
 
    }
 
    protected function getForm()
    {
        return $this->createFormBuilder(array(),array(
            'action'=>$this->generateUrl('submit')
        ))
            ->add('text','text')
            ->add('submit','submit')
            ->getForm();
    }
}

un truc dans le genre non ?

07/02/2015, 18h33
dukoid
oui comme toi sauf que moi j'utilise un formType et toi un createBuilder :
Code:

1 2 3 4 $form_data = $this->createForm(new DataGroupeType()); et toi: $form_data = $this->getForm();
tu crois que c'est ça qui peut poser problème ?
07/02/2015, 18h41
goabonga

Hein ?

1 : la méthode post de jquery n'est pas la même ! (regardes les paramètres !!!)

2 $this->getForm retourne un Form, (tu as juste a regarder a la fin de la class quoi :) )
07/02/2015, 18h52
dukoid

si je ne precise pas type: "POST" dans le post de jquery
il me fais un GET à la place.

comment ça peut marcher chez toi ?

Alors si je fais un :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script>
        $(document).ready(function(){
            var $form = $('.form');
 
            $form.on('submit',function(event){
 
                event.preventDefault();
 
                $.post(
                    $(this).attr('action'),
                    $(this).serialize(),
                    function(response){
                        console.log(response);
                    }
                );
            });
 
        });
 
    </script>

j'ai un POST .

:ptdr:
la doc de JQuery est plutôt clair sur ce point :

Citation:

Description: Load data from the server using a HTTP POST request.

http://api.jquery.com/jquery.post/

07/02/2015, 19h13
dukoid

t'es un GÉNIE mec !!!!!!

en fait je viens de trouver pourquoi, ceci grâce à :
event.preventDefault();

qui bloque l'envois par celui de jQuery.
(j'avais oublié ce détail )

MERCI A VOUS 2 !!!