Discussion :

[chtrousselle]

Bonjour je localise une adresse entrée dans un input sur une carte. Tout se passe correctement dans mon appel ajax sauf le success :
En effet je souhaite afficher un message en retour de mon enregistrement mais l'appel de la fonction handleResponse() ne fonctionne pas, et ca me frustrer un peu vu que j'ai fais le plus dur, mais je ne comprend pas...
Voici mon code

Code :

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

	<div id="answer">AJAX</div>

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
<!-- LOCALISATION !-->
 
 /* Déclaration des variables globales */ 
 var geocoder = new google.maps.Geocoder();
 var adresse, latitude, longitude,heure,minute,description,jour,mois,annee;
 
 /* Fonction chargée de géolocaliser l'adresse */ 
 function geolocalise(){
  /* Récupération du champ "adresse" */ 
  adresse = document.getElementById('adresse').value;
  heure= document.getElementById('heure').value;
  description= document.getElementById('description').value;
  minute= document.getElementById('minute').value;
  jour= document.getElementById('jour').value;
  mois= document.getElementById('mois').value;
  annee= document.getElementById('annee').value;
 
  /* Tentative de géocodage */ 
  geocoder.geocode( { 'address': adresse}, function(results, status) {
   /* Si géolocalisation réussie */ 
   if (status == google.maps.GeocoderStatus.OK) {
    /* Récupération des coordonnées */ 
    latitude = results[0].geometry.location.lat();
    longitude = results[0].geometry.location.lng();
    /* Insertion des coordonnées dans les input text */ 
    document.getElementById('lat').value = latitude;
    document.getElementById('lng').value = longitude;
 
    /* Appel AJAX pour insertion en BDD */ 
    var sendAjax = $.ajax({
     type: "POST",
     url: '../exemple.php',
     data: 'description='+description+'&lat='+latitude+'&lng='+longitude+'&adresse='+adresse+'&heure='+heure+'&minute='+minute+'&jour='+jour+'&mois='+mois+'&annee='+annee,
     success: handleResponse
    });
   }
 
   function handleResponse(){
    $('#answer').get(0).innerHTML =sendAjax.responseText;
   }
  });
 
 }

[NoSmoking]

Bonjour,
deux remarques
- pourquoi utiliser une référence à une fonction pour le success et non pas une fonction anonyme, de la sorte tu pourrais avoir accés à sendAjax.responseText
- pourquoi utiliser la syntaxe $('#answer').get(0) alors que jQuery propose une méthode .html qui permet la même chose sans passer par l'objet DOM

donc en code cela donnerait quelque chose comme

Code :

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

1
2
3
4
5
6
7
8
var sendAjax = $.ajax({
  type: "POST",
  url: '../exemple.php',
  data: 'description=' + description + '&lat=' + latitude + '&lng=' + longitude + '&adresse=' + adresse + '&heure=' + heure + '&minute=' + minute + '&jour=' + jour + '&mois=' + mois + '&annee=' + annee,
  success: function(reponse){
    $('#answer').html = reponse;
  }
});

jQuery.ajax()

[chtrousselle]

Merci beaucoup, ca fonctionne !