Discussion :

[dubitoph]

Bonjour la communauté,

Depuis ma homepage, je tente de faire une simple requête AJAX afin de passer en variables de session Php la latitude et la longitude éventuellement récupérées par la géolocalisation réalisée par le navigateur. Ces données se retrouvent bien dans le formulaire de ma homepage car, sur le retour de ma requête AJAX, lorsque je fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
            success: function(response) {
 
                                          console.log(response);
                                          alert('latitude = '  + $('#latitude').val() + ' and longitude = ' + $('#longitude').val());
 
                                        }

j'ai bien le popup



Par contre, la récupération de ces données par mon controller ne s'effectue pas correctement.

Voici ma réquête AJAX :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
  $.post({
 
            url: $('#ajaxRoute').val(),
            data: {
 
                    latitude: $('#latitude').val(),
                    longitude: $('#longitude').val()
 
                  },
            dataType: "json",
            success: function(response) {
 
                                          console.log(response);
                                          alert('latitude = '  + $('#latitude').val() + ' and longitude = ' + $('#longitude').val());
 
                                        }
 
  });

Et ma fonction dans le controller :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
    /** 
     * @Route("/user/geolocation/session", name="user.geolocation.session") 
     */ 
    public function ajaxAction(Request $request) 
    {  
 
        if($request->isXmlHttpRequest())
        {
            $latitude = $request->request->get('latitude');
            $longitude = $request->request->get('longitude'); 
 
            $this->container->get('session')->set('latitude', $latitude);
            $this->container->get('session')->set('longitude', $longitude);
 
            $response = new JsonResponse();
            $response->setData(array('latitude'=> $request->request->get('latitude'), 'longitude'=> $request->request->get('longitude'))); 
 
            return $response;
        }
        else
        {
 
            $response = new JsonResponse();
            $response->setData(array('error'=> 'error'));
            return $response;
 
        }
 
    }

La réponse Json me donne ce résultat :



Apparemment,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$request->request->get()

n'a pas l'air de fonctionner comme je l'entends.

Quelqu'un aurait une idée?

Merci d'avance pour votre aide.

EDIT : je remarque que les contrôles "latitude" et "longitude" sont vides au moment du premier appel AJAX. Si je fais un refresh de la page, je récupère alors correctement le tout.

[armel18]

bonjour,

en Symfony 4 tu ne plus plus faire $this->container->get('machin') car tous les services sont privés. Pour acceder à un service, tu passes ce service soit en paramètre de la méthode soit en paramètre du constructeur. Pour le cas de la session il suffit d'injecter l'interface SessionInterface pour créer une session(
https://symfony.com/doc/current/session.html).

Après pour tester la requête ajax autant commencer par le strict minimum voir si les données envoyées en js sont bien reçues:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 /** 
     * @Route("/user/geolocation/session", name="user.geolocation.session") 
     */ 
    public function ajaxAction(Request $request) 
    {  
            return $this->json( $request->request->all());
 
    }

l'action de ton controlleur ne traite que la requête ajax donc cette ligne if($request->isXmlHttpRequest()) devient inutile.

[dubitoph]

Merci beaucoup pour ton aide.

J'ai modifié l'ordre de mes conditions dans mon js, j'ai mis un trigger au changement de la valeur de la latitude et j'ai mis un condition onchange sur l'appel AJAX :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
60
61
62
63
64
65
 
jQuery( document ).ready( function( $ ) {
 
  var userAddress = sessionStorage.getItem("userAddress");
 
  if(navigator.geolocation)
  {
 
    if (userAddress === null) 
    {  
 
      navigator.geolocation.getCurrentPosition(function(position) {
 
          var latitude = position.coords.latitude;
          var longitude = position.coords.longitude;
 
          $('#latitude').val(latitude);
          $('#longitude').val(longitude);
          $("#longitude").trigger('change');
          sessionStorage.setItem('userLatitude', latitude);
          sessionStorage.setItem('userLongitude', longitude);
 
          var address = geocode(position.coords.latitude + ', ' + position.coords.longitude);
 
          $('#search_address').val(address);
          sessionStorage.setItem('userAddress', address);
 
 
        });
 
    }
    else
    {
 
      $('#latitude').val(sessionStorage.getItem("userLatitude"));
      $('#longitude').val(sessionStorage.getItem("userLongitude"));
      $('#search_address').val(sessionStorage.getItem("userAddress"));
 
    }  
 
  }
 
  $("#longitude").change(function() {
 
    $.post({
 
              url: $('#ajaxRoute').val(),
              data: {
 
                      latitude: $('#latitude').val(),
                      longitude: $('#longitude').val()
 
                    },
              dataType: "json",
              success: function(data) {
 
                                            console.log(data);
 
                                      }
 
    });
 
  });
 
});

Cela a résolu mon problème.