Comment récupérer des données envoyée par Jquery Ajax dans mon controller

Version imprimable

Bonjour,

je travaille sur projet et je dois faire un requête ajax et récupéré les données dans mon controlleur, j'arrive à envoyer ma requete (code 200) mais pas à récupérer mes données dans mon controlleur.

Ma requête Ajax :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
  <script>
    $(function() {
      $("#qualitelSubmit").click(function(){
 
        let formData = $('#ajaxResquest').serialize();
      console.log(formData);
        $.post({
          url: '{{path('qualitel_application')}}',
          data: formData,
          success: onSuccess,
          error: onError,
        });
      });
 
    });
    function onSuccess(data) {
			console.log('good');
    }
    function onError() {
      alert('Une erreur a été détectée');
    }
  </script>

mon controller :

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
/**
     * @Route("/application",
     *     name="qualitel_application"
     * )
     * @param EntityManagerInterface $em
     * @param ToolService $toolService
     * @return \Symfony\Component\HttpFoundation\RedirectResponse|\Symfony\Component\HttpFoundation\Response
     */
    public function applicationEntranceAction(EntityManagerInterface $em, ToolService $toolService, Request $request, CalculService $calcul)
    {
        if (!$this->isGranted('IS_AUTHENTICATED_REMEMBERED')) {
            return $this->redirectToRoute('qualitel_dashboard');
        }
 
        $qualitelTool = $em->getRepository(Tool::class)->findOneBy(['slug' => 'qualitel']);
        $em = $this->getDoctrine()->getManager();
 
        $t1 = $request->request->get('formData');
        var_dump($t1);
        exit;
        return $this->render('ABCIngQualitelBundle:Default:application.html.twig', [
            'qualitelTool' => $qualitelTool,
 
 
        ]);
    }

Auriez-vous une méthode à m'expliquer, svp ?

Citation:

Code:

1
2
 
        $t1 = $request->request->get('formData');

bonjour,
cela suppose que t'as bien un champ appelé formData dans ton formulaire.Je pense que tu veux récupérer tous les champs. Pour récupérer tous les champs POST du formulaire il te faut utiliser la méthode all() comme ceci:

Code:

1
2
 
        $t1 = $request->request->all(); // équivalent à $_POST

Après une autre problématique, quoi qu'elle n'est pas à l'origine de ton erreur, est que le rendu rendu et le traitement du formulaire sont effectués par une seule méthode (applicationEntranceAction). Dans ce cas il faut distinguer quand est-ce que t'affiche le formulaire et quand est-ce que tu traites ce formulaire avec ajax.

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
 
/**
     * @Route("/application",
     *     name="qualitel_application"
     * )
     * @param EntityManagerInterface $em
     * @param ToolService $toolService
     * @return \Symfony\Component\HttpFoundation\RedirectResponse|\Symfony\Component\HttpFoundation\Response
     */
    public function applicationEntranceAction(EntityManagerInterface $em, ToolService $toolService, Request $request, CalculService $calcul)
    {
        if (!$this->isGranted('IS_AUTHENTICATED_REMEMBERED')) {
            return $this->redirectToRoute('qualitel_dashboard');
        }
 
        $qualitelTool = $em->getRepository(Tool::class)->findOneBy(['slug' => 'qualitel']);
        $em = $this->getDoctrine()->getManager();
 
     // requête ajax reçue, on effectue le traitement puis on rend la reponse en Json au client
       if( $request->isXmlHttpRequest()){
            $t1 = $request->request->all(); // tableau des champs POST
           //var_dump($t1);
          // exit;
 
            return new \Symfony\Component\HttpFoundation\JsonResponse( $t1);
        }
 
        return $this->render('ABCIngQualitelBundle:Default:application.html.twig', [
            'qualitelTool' => $qualitelTool,
 
 
        ]);
    }

côté JS :

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
 
 
  <script>
    $(function() {
      $("#qualitelSubmit").click(function(e){
      e.preventDefault() ;
 
        let formData = $('#ajaxResquest').serialize();
      console.log(formData);
        $.post({
          url: "{{path('qualitel_application')}}",
          data: formData,
          success: onSuccess,
          error: onError,
        });
      });
 
    });
    function onSuccess(data) {
			console.log('good');
    }
    function onError() {
      alert('Une erreur a été détectée');
    }
  </script>

27/09/2018, 10h12
Jessyv96

Après avoir essayé de comprendre ta réponse, je ne crois pas avoir tout capté, en revanche, cela m'a bien aidé j'ai un retour 200 et mes valeurs dans le profiler en POST parameters, après ça au niveau de la condition j'ai compris mais après je bloque. j'aimerai vérifier si je suis bien rentrer dans mon if et exploiter mes valeurs pour faire des calculs et renvoyer un resultat

je voulais dire que cette instruction $t1 = $request->request->get('formData'); est identique à $t1 = $_POST['formData'];, ça laisse supposer que t'appelais un champ nommé formData qui n'existe pas dans ton formulaire.De ton code, j'en déduis que ton but était celui de récupérer tous les champs du formulaire d'où l'appel à la méhtode $t1 = $request->request->all() évoquée dans mon précédent message.

Citation:

après ça au niveau de la condition j'ai compris mais après je bloque. j'aimerai vérifier si je suis bien rentrer dans mon if et exploiter mes valeurs pour faire des calculs et renvoyer un resultat

Le bloc if se termine par un return new \Symfony\Component\HttpFoundation\JsonResponse( $t1);. Donc si tu y entres tu devrais reçevoir la réponse en json du côté de JS(notamment la function success ajax). Or ta fonction sucess Ajax se contente juste d'afficher 'good'.Après il faut déboguer la fonction success de Ajax pour afficher la réponse retournée par le serveur.

Code:

1
2
3
4
5
 
function onSuccess(data) {
  console.log('good'); // pas pertinent pour afficher la réponse
  console.log(data);	// <- ici tu affiches vraiment la réponse en json retournée par	le serveur
    }

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
 
 
/**
     * @Route("/application",
     *     name="qualitel_application"
     * )
     * @param EntityManagerInterface $em
     * @param ToolService $toolService
     * @return \Symfony\Component\HttpFoundation\RedirectResponse|\Symfony\Component\HttpFoundation\Response
     */
    public function applicationEntranceAction(EntityManagerInterface $em, ToolService $toolService, Request $request, CalculService $calcul)
    {
        if (!$this->isGranted('IS_AUTHENTICATED_REMEMBERED')) {
            return $this->redirectToRoute('qualitel_dashboard');
        }
 
        $qualitelTool = $em->getRepository(Tool::class)->findOneBy(['slug' => 'qualitel']);
        $em = $this->getDoctrine()->getManager();
 
     // requête ajax reçue, on effectue le traitement puis on rend la reponse en Json au client
    // ceci est optionnel: une fois dans le if il est important de valider les données avant tt traitement et de retourner la réponse adaptée( données valides ou données non valides)
       if( $request->isXmlHttpRequest()){
            $t1 = $request->request->all(); // tableau des champs POST
            //récuperer les variables POST
            // $t1['nom'] ,   $t1['prenom'] ,   $t1['adresse'] ...
           // puis faire traitement souhaité tel que ajouter les données en base
           //var_dump($t1);
          // exit;
 
            return new \Symfony\Component\HttpFoundation\JsonResponse( $t1);
        }
 
        return $this->render('ABCIngQualitelBundle:Default:application.html.twig', [
            'qualitelTool' => $qualitelTool,
 
 
        ]);
    }

Merci, pour tes réponses avec persévérance, j'ai réussi à faire ma requete ajax, j'ai fais une autre méthode et j'ai fais ma requete pointé vers cette méthode et ça fonctionne bien j'ai accès a mon array.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
/**
     * @Route("/application/calcul_qualitel",
     *     name="qualitel_calcul"
     * )
     * @param EntityManagerInterface $em
     *
     * @return \Symfony\Component\HttpFoundation\RedirectResponse|\Symfony\Component\HttpFoundation\Response
     */
public function getCalcul(Request $request, EntityManagerInterface $em) {
      $em = $this->getDoctrine()->getManager();
      $qualitelData = $request->request->all();
}

Ajax :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
  $("#qualitelSubmit").on('click', function(e){
        e.preventDefault();
        let formData = $('#ajaxResquest').serialize();
          $.post({
            url: '{{path('qualitel_calcul')}}',
            data: formData,
            dataType: 'json',
            success: onSuccess,
            error: onError,
          });
      });