[AJAX] comparer (xhr.responseText) à un nombre

Version imprimable

bonjour,

Dans ma page l'utilisateur saisie un nom avec se nom une requete s'execute et me renvoie un nombre. Jusque la tout marche mais le problème est que par la suite je souhaite comparait se nombre avec un autre nombre qui lui est saisie par l'utilisateur et là sa coince. En effet, même si je saisie le même nombre il me dit qu'il sont diférent voila mon code :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
<?php
session_start();
include ("connection.php");
?>
<html>
	<head>
		<script>
		var val="";
		function qtedispo()
		{ 
			var div = document.getElementById('output');
			var xhr; 
			try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
			catch (e) 
			{
				try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
				catch (e2) 
				{
				  try {  xhr = new XMLHttpRequest();     }
				  catch (e3) {  xhr = false;   }
				}
			}
 
			xhr.onreadystatechange  = function()
			{ 
				 if(xhr.readyState  == 4)
				 {
					  if(xhr.status  == 200) 
						{
							val = (xhr.responseText);
							div.innerHTML = (xhr.responseText); 
						}
					  else 
						 alert("probleme");
				 }
			}; 
			var code = encodeURIComponent(document.getElementById("code").value);
		   xhr.open( "GET", "testarticledispo.php?code="+ code,  true); 
		   xhr.send(null); 
 
		var msg = "";
 
			if (document.formulaire.quantite.value > val)	
				{
					msg += "Veuillez saisir une autre quantite\n";
					document.formulaire.quantite.style.backgroundColor = "#F3C200";
				}
 
				if (msg == "") return(true);
				else	
				{
					alert(msg);
					return(false);
				}
	}
 
	//-->
		</script>
	</head>
 
<body>
 
    <form action="page.html" method="post" enctype="application/x-www-form-urlencoded" name="formulaire"  onSubmit="return check();">         
 
         <label for="code">Code Article:</label>		 
		 <input type="text" id="code"/><div id="output"></div>
		 Quantite : <input name="quantite" type="text" onChange="qtedispo()"><br>
		 <input type="submit" name="Submit" value="Envoyer">
 
    </FORM>
 </body>
 </html>

Je pense que le problème vient du faite que le nombre renvoyé par la requete et considéré comme un texte (xhr.responseText)mais je ne suis pas sur du tout.

Est-ce que vous avez une idée???
merci.

08/06/2011, 11h56
DoubleU

T'as vraiment la même chose quand tu fais un alert de document.formulaire.quantite.value et de val?

Si c'est le cas, essaie la fonction parseInt pour forcer la conversion en int
08/06/2011, 12h07
Bovino

Ta requête AJAX est asynchrone, ce qui signifie que lorsque tu testes

Code:

if (document.formulaire.quantite.value > val)

la réponse n'a pas encore été reçue et que val vaut donc toujours une chaine vide...

Merci pour vos réponce mais j'ai changé de code.

En effet j'ai choisi finalement de faire le test directement dans la page appelé par ajax, ensuite cette page me retourne soit "oui" soit "non" et suivant la réponse j'affiche le message.
Mais malheureusement la malédiction du " Grand NOOB" continue de s'abattre sur moi :cry::aie: en effet la page me retourne bien "ou"i ou "non" suivant la valeur saisie, mais le test ne marche.

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
60
61
62
63
64
<?php
session_start();
include ("connection.php");
?>
<html>
	<head>
		<script>
		function qtedispo()
		{ 
			var div = document.getElementById('output');
			var xhr; 
			try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
			catch (e) 
			{
				try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
				catch (e2) 
				{
				  try {  xhr = new XMLHttpRequest();     }
				  catch (e3) {  xhr = false;   }
				}
			 }
 
			xhr.onreadystatechange  = function()
			{ 
				 if(xhr.readyState  == 4)
				 {
					  if(xhr.status  == 200) 
						{
						 val = (xhr.responseText); 
						 div.innerHTML=val;
						 if ( val == "non")	
							{
								alert("Veuillez saisir une quantite inferieur");
								document.formulaire.quantite.style.backgroundColor = "#F3C200";
							}
						}
					  else
						{
						 alert("probleme");
						}
				 }
			}; 
			var code = encodeURIComponent(document.getElementById("code").value);
			var qte = encodeURIComponent(document.getElementById("qte").value);
			xhr.open( "GET", "testarticledispo.php?code="+code+"&qte="+qte,  true); 
			xhr.send(null); 
		} 
	//-->
		</script>
	</head>
 
<body>
 
    <form action="page.html" method="post" enctype="application/x-www-form-urlencoded" name="formulaire">         
 
         <label for="code">Code Article:</label>		 
		 <input type="text" id="code"/><div id="output"></div>
		 <label for="qte">Quantite :</label>
		 <input name="quantite" id="qte" type="number" onChange="qtedispo();"><br>
		 <input type="submit" name="Submit" value="Envoyer">
 
    </FORM>
 </body>
 </html>

J'ai fait un alert(typeof val) il me retourne bien string, mais lorsque je test avec si le message est égale à "non" je ne rentre pas dans mon test.

Voila j’espère que je suis a peu près claire et que vous pourrez m'aider

09/06/2011, 12h10
gototog

alert(val) et alert(xhr.responseText) donnent 'non'?
09/06/2011, 13h58
calcal

En effet cela me renvoie "non"
09/06/2011, 14h12
Nesmontou

Bonjour,

Il n'y aurait pas des espaces en trop avant et / ou après les valeurs ?

Essaie

Code:

alert('>' + val + '<')

Et

Code:

alert('>' + xhr.responseText + '<')

Pour être sûr ;)

Sa y est j'ai résolu mon problème très franchement je ne comprend pas vraiment mais dans la valeur de test au lieu de mettre non j'ai mis 1 et dans la page php j'ai aussi effectué les changements (au lieu de 'non' => 1)

Bref voila le code si un jours sa peut aider quelqu'un ^^

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
60
61
62
63
64
<?php
session_start();
include ("connection.php");
?>
<html>
	<head>
		<script>
		function qtedispo()
		{ 
			var div = document.getElementById('output');
			var xhr; 
			try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
			catch (e) 
			{
				try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
				catch (e2) 
				{
				  try {  xhr = new XMLHttpRequest();     }
				  catch (e3) {  xhr = false;   }
				}
			 }
 
			xhr.onreadystatechange  = function()
			{ 
				 if(xhr.readyState  == 4)
				 {
					  if(xhr.status  == 200) 
						{
						 val = (xhr.responseText); 
						 div.innerHTML=val;
						 if (val == 1)	
							{
								alert("Veuillez saisir une quantite inferieur");
								document.formulaire.quantite.style.backgroundColor = "#F3C200";
							}
						}
					  else
						{
						 alert("probleme");
						}
				 }
			}; 
			var code = encodeURIComponent(document.getElementById("code").value);
			var qte = encodeURIComponent(document.getElementById("qte").value);
			xhr.open( "GET", "testarticledispo.php?code="+code+"&qte="+qte,  true); 
			xhr.send(null); 
		} 
	//-->
		</script>
	</head>
 
<body>
 
    <form action="page.html" method="post" enctype="application/x-www-form-urlencoded" name="formulaire">         
 
         <label for="code">Code Article:</label>		 
		 <input type="text" id="code"/><div id="output"></div>
		 <label for="qte">Quantite :</label>
		 <input name="quantite" id="qte" type="number" onChange="qtedispo();"><br>
		 <input type="submit" name="Submit" value="Envoyer">
 
    </FORM>
 </body>
 </html>

Voila encore merci pour votre aide.

09/06/2011, 19h00
NoSmoking

Bonjour,
le problème est peut être le même que celui décrit sur cette discussion http://www.developpez.net/forums/d10...e/#post6042291

à vérifier avec un

Code:

alert( xhr.responseText.length);