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

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

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, 12h56

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, 13h07

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, 19h04

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, 13h10

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

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

En effet cela me renvoie "non"

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

AJAX

Vue hybride

Discussions similaires

Partager

Partager