[AJAX] Envoi de deux variable en xhr.send

**armelpiquet** · 27/03/2012, 14h21

Bonjour le code explique tout,

pour le fichier origine tout marche bien, la première liste deroulante marche parfaitement.

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<html>
	<head>
		<script type='text/javascript'>
			var sid = "'.session_id().'";
			function getXhr()
			{
				var xhr = null; 
				if(window.XMLHttpRequest)
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject)
				{
					try 
					{
						xhr = new ActiveXObject("Msxml2.XMLHTTP");
					} 
					catch (e) 
					{
						xhr = new ActiveXObject("Microsoft.XMLHTTP");
			        }
				}
				else 
				{ 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                return xhr;
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(n)
			{
 
				var xhr = getXhr();
				xhr.open("POST","Vues/reqAjaxClasse.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				sel = document.getElementById('option1');
				option1= sel.options[sel.selectedIndex].value;
				xhr.send("option1="+option1+"&niveau="+n);
				alert("option1="+option1+"&niveau="+n);
				xhr.onreadystatechange = function()
				{
					if(xhr.readyState == 4 && xhr.status == 200)
					{					
						leselect = xhr.responseText;
						document.getElementById('option2').innerHTML = leselect;
 
					}
				}
 
			}
		</script>
	</head>
	<body>
		<form action="index.php?vue=creation_classe_option_conf" method="post">
			<?php 
                                if($_SESSION['niveau_classe'] == 6)
                                {
                                        $niveau = 6;
                                        $listeOption=$_SESSION['listeOptions6'];
                                }
                                elseif($_SESSION['niveau_classe'] == 5)
                                {
                                        $niveau = 5;
                                        $listeOption=$_SESSION['listeOptions5'];
                                }
                                elseif($_SESSION['niveau_classe'] == 4)
                                {
                                        $niveau = 4;
                                        $listeOption=$_SESSION['listeOptions4'];
                                }
                                else
                                {
                                        $niveau = 3;
                                        $listeOption=$_SESSION['listeOptions3'];
                                }
                                
                        ?>
			<fieldset class="interieur_cadre_inscription">
 
				<label>Option1 : </label>
				<select name='option1' id='option1' onchange='go(<?php echo $niveau ?>)'>
					<option value='-1'>AUCUNE</option>
					<?php
                                                foreach ($listeOption as $data)
                                                {
                                                        echo '<option>'.$data[0].' </option>';
                                                }
                                        ?>
				</select><br>
				<label>Option2 : </label>
				<div name='option2' id='option2' style='display:inline'>
					<select name='option2'>
						<option value='-1'>AUCUNE</option>
					</select>
				</div>
				<center><input type="submit"></center>
			</fieldset>
		</form>
	</body>
</html>

Le alert("option1="+option1+"&niveau="+niveau) renvoi bien ce qu'il me faut.

Le fichier de requete est le suivant :

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
<?php
        $chaine = $_POST['option1'];
        $deconcatenation = explode("&", $chaine);
        $option1 = $deconcatenation[0];
        $niveau = $deconcatenation[1]
        $dec_option = explode("=", $option1);
        $option1=$dec_option[1];
        $dec_niveau=explode("=", $niveau);
        $niveau=$dec_niveau[1];
        
        if($niveau == 6)
                $inc = "o___";
        elseif($niveau == 5)
                $inc = "_o__";
        elseif($niveau==4)
                $inc = "__o_";
        else
                $inc = "___o";
        $var="<select name='option2'><option value='-1'>TOTO</option>";
        if(isset($option1))
        {
                mysql_connect("localhost","root"," ");
                mysql_select_db("AutoClasse");
                $res = mysql_query("SELECT `nom` FROM `option` WHERE `incompatibilite1`<>'".$option1."' AND `incompatibilite2`<>'".$option1."'AND `niveau` like'".$inc."'");
                $i = 0;
                while($row = mysql_fetch_assoc($res))
                {
                        $var.="<option value='".$i."'>".$row['nom']."</option>";
                        $i++;
                }
        }
        $var.="</select>";
        echo $var;
        
?>

La deuxième liste déroulante ne se met jamais à jour.

Merci d'avance.

PS : je crois que je vais finir par trouver une autre utilité au cable ethernet...

**andry.aime** · 28/03/2012, 07h16

Bonjour,

$deconcatenation = explode("&", $chaine);

Si tu as de caractères spéciaux comme "&" dans la variable "option1", tu dois l'encoder avec encodeURI avant de l'envoyer.
Sinon, pour récupérer les 2 variables

Code php :

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

1
2
$option1 = $_POST["option1"];
$niveau = $_POST["niveau"];

Peut-on voir ton code HTML généré?

A+.

**armelpiquet** · 28/03/2012, 11h38

J'ai essayer votre sollution en l'integrant dans le fichier de requete ajax. Mais sans grand résultat.

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
<?php
        /*$chaine = $_POST['option1'];
        $deconcatenation = explode("&", $chaine);
        $option1 = $deconcatenation[0];
        $niveau = $deconcatenation[1]
        $dec_option = explode("=", $option1);
        $option1=$dec_option[1];
        $dec_niveau=explode("=", $niveau);
        $niveau=$dec_niveau[1];*/
        $option1 = $_POST["option1"];
        $niveau = $_POST["niveau"];
        if($niveau == 6)
                $inc = "o___";
        elseif($niveau == 5)
                $inc = "_o__";
        elseif($niveau==4)
                $inc = "__o_";
        else
                $inc = "___o";
        $var="<select name='option2'><option value='-1'>TOTO</option>";
        if(isset($option1))
        {
                mysql_connect("localhost","root","4%xttfllk5$$60%4q");
                mysql_select_db("AutoClasse");
                $res = mysql_query("SELECT `nom` FROM `option` WHERE `incompatibilite1`<>'".$option1."' AND `incompatibilite2`<>'".$option1."'AND `niveau` like'".$inc."'");
                $i = 0;
                while($row = mysql_fetch_assoc($res))
                {
                        $var.="<option value='".$i."'>".$row['nom']."</option>";
                        $i++;
                }
        }
        $var.="</select>";
        echo $var;
        
?>

Pour ce qui est de la console d'erreur, il n'y en a aucune.

**andry.aime** · 28/03/2012, 12h04

if($niveau == 6)

Code :

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

if(intval($niveau) == 6)

Fait echo des valeurs postés.
Peut-on voir ton code html généré et Javascript actuels?

**armelpiquet** · 28/03/2012, 13h10

Qu'est ce que tu entend par html généré et js actuel? Je n'utilise pas d'autre js du site.
Quand au valeur, j'ai un alert() des valeurs du xhr.send() et affiche bien les valeurs que je veux envoyer.

**andry.aime** · 28/03/2012, 13h40

Html généré, quand la page s'affiche, regarde le source dans ton navigateur et c'est ça. Js , le code javascript que tu as actuellement.

A+.

[AJAX] Envoi de deux variable en xhr.send

AJAX

Vue hybride

Discussions similaires

Partager

Partager