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

**calcal** · 08/06/2011, 11h17

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 :

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
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.

**DoubleU** · 08/06/2011, 11h56

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

**Bovino** · 08/06/2011, 12h07

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

Code :

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

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...

**calcal** · 08/06/2011, 18h04

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

en effet la page me retourne bien "ou"i ou "non" suivant la valeur saisie, mais le test ne marche.

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
<?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

**gototog** · 09/06/2011, 12h10

alert(val) et alert(xhr.responseText) donnent 'non'?

**calcal** · 09/06/2011, 13h58

En effet cela me renvoie "non"

**Nesmontou** · 09/06/2011, 14h12

Bonjour,

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

Essaie

Code :

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

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

Et

Code :

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

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

Pour être sûr

**calcal** · 09/06/2011, 16h25

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 :

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
<?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.

**NoSmoking** · 09/06/2011, 19h00

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 :

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

alert( xhr.responseText.length);

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

AJAX

Discussions similaires

Partager

Partager