javascript faire passer variable

Version imprimable

bonjour, j'ai un formulaire qui execute une fonction avec de l'ajax pour rafraichir un div. je voudrais faire passer la variable $idp jusqu'a data.php et je ne trouve pas comment faire.

voici 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
<- data.php ->
$commande = mysql_fetch_array(mysql_query("SELECT * FROM planetes WHERE id_planete='$idp'"));
echo ('Planete : '.$commande['nom_planete'].'');
 
<--- index.php --->
<- script JS ->
	<script language="JavaScript">
	function submitForm()
	{ 
		var req = null; 
		document.getElementById("zone").innerHTML = "Started...";
 
		if (window.XMLHttpRequest)
		{
 			req = new XMLHttpRequest();
			if (req.overrideMimeType) 
			{
				req.overrideMimeType('text/xml');
			}
		} 
		else if (window.ActiveXObject) 
		{
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e)
			{
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
	        	}
		req.onreadystatechange = function()
		{ 
			document.getElementById("zone").innerHTML = "Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.getElementById("zone").innerHTML  = "" + req.responseText;	
				}	
				else	
				{
 
				document.getElementById("zone").innerHTML="Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		}; 
		req.open("POST", "data.php", true); 
		req.send(null); 
	} 
	</script>
 
<- formulaire + div ->
<FORM name="ajax" method="POST" action="">
  <p>
    <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
    <input name="idp" type="hidden" id="idp" value="1" />
</p>
</FORM>
	<div id="zone">
	Waiting...
	</div>

merci a vous !

04/08/2008, 16h54
jbrasselet

Au lieu de faire un

Code:

req.send(null);

fais quelque chose du style

Code:

req.send("id"=+idp);

en ayant passer la variable $idp à ta fonction submitForm bien entendu !

PS : Pense aux balises code ce sera plus clair ;)
04/08/2008, 17h00
laxe13

le script marche plus !

-> en ayant passer la variable $idp à ta fonction submitForm bien entendu !

comment je la passe ?
04/08/2008, 17h03
jbrasselet

arf tu la passes pas désolé je dis une bêtise

mais fais plutôt

Code:

req.send("id"=+document.getElementById('idp').value);

Dans otn code php il faudra la récupérer via la variable $_POST

le scirpt ne fonctionn plus

Voici le code :

data.php

Code:

1
2
3
4
5
6
7
8
9
10
<?
foreach ($_POST as $key => $value) $$key = addslashes($value);
foreach ($_GET as $key => $value) $$key = addslashes($value);
 
require('../jeu/includes/connect.inc.php');
$idp = $_POST['idp'];
 
$commande = mysql_fetch_array(mysql_query("SELECT * FROM planetes WHERE id_planete='$idp'"));
echo ('Planete : '.$commande['nom_planete'].'');
?>

index.php

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
<?php
foreach ($_POST as $key => $value) $$key = addslashes($value);
foreach ($_GET as $key => $value) $$key = addslashes($value);
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
	<script language="JavaScript">
 
	function submitForm()
	{ 
		var req = null; 
		document.getElementById("zone").innerHTML = "Started...";
 
		if (window.XMLHttpRequest)
		{
 			req = new XMLHttpRequest();
			if (req.overrideMimeType) 
			{
				req.overrideMimeType('text/xml');
			}
		} 
		else if (window.ActiveXObject) 
		{
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e)
			{
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
	        	}
 
 
 
		req.onreadystatechange = function()
		{ 
			document.getElementById("zone").innerHTML = "Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.getElementById("zone").innerHTML  = "" + req.responseText;	
				}	
				else	
				{
					document.getElementById("zone").innerHTML="Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		}; 
		req.open("POST", "data.php", true); 
        req.send("id"=+document.getElementById('idp').value);	
		} 
	</script>
	<title>test</title></head>
 
<body bgcolor="#FFFFFF">
<FORM name="ajax" method="POST" action="">
  <p>
    <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
    <input name="idp" type="hidden" id="idp" value="1" />
</p>
</FORM>
	<div id="zone">
	Waiting...
	</div> 	
</body>
</html>

adresse du script : http://www.staracademy7.fr/zespace/demo2/

04/08/2008, 17h12
jbrasselet

tu as quoi comme erreur?
04/08/2008, 17h13
laxe13

je t'ai mi l'adresse en bas du message, rien ne se passe
04/08/2008, 17h20
Matthieu2000

Citation:

req.send("idp"+document.getElementById('idp').value);
04/08/2008, 17h21
laxe13

oui j'ai corrigé cela deja mais le script ne fonctionne plus quand meme, aucune reponse, aucun mouvement !

http://www.staracademy7.fr/zespace/demo2/
04/08/2008, 17h24
Matthieu2000

Code:

req.send("idp="+document.getElementById('idp').value);

j'ai pas vu le =

ok la requete passe correctement mais data.php prend $idp=''

Code:

1
2
3
4
5
$idp = $_POST['idp'];
 
$commande = mysql_fetch_array(mysql_query("SELECT * FROM planetes WHERE id_planete='$idp'"));
echo ('Planete : '.$commande['nom_planete'].'');
?>

04/08/2008, 17h35
jbrasselet

au début de ta fonction submitForm fais un

Code:

alert(document.getElementById('idp').value);
04/08/2008, 17h36
laxe13

il me sort la valeur ! mais je ne vois pas pourquoi data.php ne la connais pas
04/08/2008, 17h42
Matthieu2000

ta méthode cité

Citation:

post

est passé à

Citation:

get

quand j'ouvre ton lien!!!
04/08/2008, 17h43
laxe13

c'etait pour tester au cas ou ca marcherais :D

c bon j'ai remis tout comme il faut avec l'alert aussi
04/08/2008, 17h46
Matthieu2000

et dans ta base? est ce que le nom est "vide"

j'ai changé ca :
Code:

1 2 req.open("POST", "data.php?idp="+document.getElementById('idp').value, true); req.send(null);
et la variable passe bien comme il faut !

04/08/2008, 17h56
laxe13

par contre comment faire passer plusieurs variable ?

du style :

Code:

req.open("POST", "data.php?idp="+document.getElementById('idp').value"&x="+document.getElementById('x').value, true);
04/08/2008, 18h00
jbrasselet

oui comme ça
04/08/2008, 18h03
laxe13

il y a une erreur dans ce que j'ai mis car le script ne fonctionne plus comme quand le = etait placé apres le " au lieu d'être avant
04/08/2008, 18h15
laxe13

j'ai une autre solution c'est de mettre $idp='.var1.'-'.var2.'-'.var3.' et de les traiter apres dans data.hp mais je voudrais quand meme le faire avec des variables separées
04/08/2008, 18h19
jbrasselet

Je sais pas si ça joue mais avant le send je mets toujours cette ligne :

Code:

req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; Charset=iso-8859-1');
04/08/2008, 18h24
laxe13

ca ne change rien ! l'erreur est la :

Code:

req.open("POST", "data.php?idp="+document.getElementById('idp').value"&x="+document.getElementById('x').value, true);
04/08/2008, 18h24
jbrasselet

il manque un plus après le premier value !!!
04/08/2008, 18h30
laxe13

marche pas !

Code:

req.open("POST", "data.php?idp="+document.getElementById('idp').value+"&x="+document.getElementById('x').value, true);

C'est étrange parce que ça fonctionne chez moi avec ce 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
<html>
	<script language="JavaScript">
	function submitForm()
	{ 
	alert(document.getElementById('idp').value);
		var req = null; 
		document.getElementById("zone").innerHTML = "Started...";
 
		if (window.XMLHttpRequest)
		{
 			req = new XMLHttpRequest();
			if (req.overrideMimeType) 
			{
				req.overrideMimeType('text/xml');
			}
		} 
		else if (window.ActiveXObject) 
		{
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e)
			{
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
	        	}
		req.onreadystatechange = function()
		{ 
			document.getElementById("zone").innerHTML = "Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.getElementById("zone").innerHTML  = "" + req.responseText;	
				}	
				else	
				{
 
				document.getElementById("zone").innerHTML="Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		}; 
		req.open("POST", "data.php", true); 
		req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; Charset=iso-8859-1');
		req.send("idp="+document.getElementById('idp').value+"&x="+document.getElementById('x').value); 
	} 
	</script>
<body>
<FORM name="ajax" method="POST" action="">
  <p>
    <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
    <input name="idp" type="hidden" id="idp" value="1" />
		<input name="x" type="hidden" id="x" value="2" />
</p>
</FORM>
	<div id="zone">
	Waiting...
	</div>
	</body>
	</html>

et pour data.php

Code:

1
2
3
4
5
<?php
$idp = $_POST['idp'];
$x = $_POST['x'];
echo "la valeur de idp est :".$idp."<br />Et celle de x est ".$x;
?>

et il m'affiche bien les 2 valeurs

04/08/2008, 23h20
laxe13

peu etre un reglage du serveur ?
05/08/2008, 07h57
jbrasselet

J'ai rien paramétré coté serveur de mon coté.
Si tu copies colle mon code dans un fichier test ça fonctionne?
05/08/2008, 08h07
Bovino

Peut-être un problème de codage, essaye :

Code:

req.open("POST", "data.php?idp="+document.getElementById('idp').value+"&x="+document.getElementById('x').value, true);