[AJAX] Requête ajax ne retourne rien

**daisy22** · 09/03/2009, 11h51

Bonjour,

Je suis débutante en ajax et j'ai réalisé une petite fonction
pour me familiariser avec celui-ci mais ça ne marche pas :

En fait, j'aimerai tout simplement afficher une localité en fonction
d'un code postal entré.

Voici mon code avec la fonction js:

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
 
<html>
<head>
<script type='text/javascript'>
 
function tmt(){
 
var xhr = getXhr();
xhr.open("POST","tmt.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
    xhr.onreadystatechange = function()
   {
 
	if(xhr.readyState == 4)
	{
        	reponse = xhr.responseText;
		//window.alert(reponse);
 
        	if (reponse != "")
	       {
		 document.getElementById('localite').innerHTML = reponse;
		 document.getElementById('localite').visibility = "visible";
	      }
	      else
		 window.alert("erreur");
 
	}
 
   }
cp = document.getElementById('cp').value;
xhr.send("cp="+cp);
}
</script>
</head>
 
<body>
	<fieldset style="width: 500px">
	 <form>
             CP:  <input type="text" id="cp">
	            <input type="submit" onClick="tmt();">
		    <input type="text" id="localite" style="visibility:hidden ">
	</form>
	</fieldset>
 
</body>
</html>

et voici le code php:

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
 
<?php
include ('Connect2.php');
 
if (isset ($_POST["cp"])
{  
   $cp = $_POST["cp"];
   $query = "select nom_loc from localite where cp = ".$cp."";
   $result =  mysql_query($query)or die("Erreur query: \n". mysql_error());
 
   if($val = mysql_fetch_array($result))
   {
		echo $val[0];;
	}
	else
	   echo "erreur requete";
}
?>

Le problème c'est que ma variable reponse reste vide et il m'affiche donc le message "erreur" et je n'arrive vraiment pas à comprendre pourquoi.

Merci d'avance pour votre aide.

**andry.aime** · 09/03/2009, 15h23

$query = "select nom_loc from localite where cp = ".$cp."";

Code :

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

 $query = "select nom_loc from localite where cp = '".$cp."'";

**daisy22** · 09/03/2009, 16h06

Merci bcp pour la réponse

mais malheureusement ça ne marche toujours pas

J'ai aussi corrigé l'erreur suivante :

Code :

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

1
2
 
document.getElementById('localite').style.visibility = "visible";

Mais toujours le même problème

**Bovino** · 09/03/2009, 16h20

Code :

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

<input type="button" onClick="tmt();">

**daisy22** · 09/03/2009, 16h39

Merci bovino pour ta réponse,

mon champ texte apparait bien maintenant mais il reste vide.
Pourtant j'ai testé le contenu de ma variable reponse et elle contient bien ma localité, donc je vois pas pourquoi elle ne s'affiche pas dans mon champ texte

**Bovino** · 09/03/2009, 16h43

Normal, tu envoies ton résultat dans un input, et comme l'indique le fait que les balises input sont autofermantes, elles ne possèdent pas de innerHTML, il faut passer par le value.

Code :

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

document.getElementById('localite').value = reponse;

**daisy22** · 09/03/2009, 16h49

Effectivement, ça fonctionne mieux comme ça

un grand merci

[AJAX] Requête ajax ne retourne rien

JavaScript

Discussions similaires

Partager

Partager