comparer (xhr.responseText) à un nombre [Résolu]

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);

08/06/2011, 12h07	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 803 Points : 35 803	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... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

09/06/2011, 14h12	#7
Nesmontou Modérateur Benjamin PREVOT Architecte de système d'information Inscription : septembre 2004 Messages : 1 568 Détails du profil Informations personnelles : Nom : Benjamin PREVOT Âge : 30 Localisation : France, Nord (Nord Pas de Calais) Informations professionnelles : Activité : Architecte de système d'information Secteur : Finance Informations forums : Inscription : septembre 2004 Messages : 1 568 Points : 2 493 Points : 2 493	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 __________________ Si vous ne pouvez expliquer un concept à un enfant de six ans, c'est que vous ne le comprenez pas complètement. Albert EINSTEIN F.A.Q. : Java, PHP, (X)HTML / CSS N'oubliez pas de cliquer sur le bouton Résolu en bas de page quand vous avez obtenu une solution à votre problème
	00

09/06/2011, 19h00	#9
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 939 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 939 Points : 4 767 Points : 4 767	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);
	00

08/06/2011, 11h56	#2
DoubleU Modérateur Inscription : janvier 2006 Messages : 1 107 Détails du profil Informations forums : Inscription : janvier 2006 Messages : 1 107 Points : 1 118 Points : 1 118	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
	00

09/06/2011, 12h10	#5
gototog Membre habitué Inscription : septembre 2009 Messages : 85 Détails du profil Informations personnelles : Âge : 22 Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : septembre 2009 Messages : 85 Points : 101 Points : 101	alert(val) et alert(xhr.responseText) donnent 'non'?
	00

09/06/2011, 13h58	#6
calcal Invité de passage Inscription : janvier 2010 Messages : 4 Détails du profil Informations forums : Inscription : janvier 2010 Messages : 4 Points : 1 Points : 1	En effet cela me renvoie "non"
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email