javascript faire passer variable

**laxe13** · 04/08/2008, 16h49

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 :

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

**jbrasselet** · 04/08/2008, 16h54

Au lieu de faire un

Code :

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

req.send(null);

fais quelque chose du style

Code :

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

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

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

PS : Pense aux balises code ce sera plus clair

**laxe13** · 04/08/2008, 17h00

le script marche plus !

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

comment je la passe ?

**jbrasselet** · 04/08/2008, 17h03

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

mais fais plutôt

Code :

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

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

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

**laxe13** · 04/08/2008, 17h09

le scirpt ne fonctionn plus

Voici le code :

data.php

Code :

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

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 :

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

**jbrasselet** · 04/08/2008, 17h12

tu as quoi comme erreur?

**laxe13** · 04/08/2008, 17h13

je t'ai mi l'adresse en bas du message, rien ne se passe

**Matthieu2000** · 04/08/2008, 17h20

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

**laxe13** · 04/08/2008, 17h21

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

http://www.staracademy7.fr/zespace/demo2/

**Matthieu2000** · 04/08/2008, 17h24

Code :

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

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

j'ai pas vu le =

**laxe13** · 04/08/2008, 17h28

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

Code :

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

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'].'');
?>

**jbrasselet** · 04/08/2008, 17h35

au début de ta fonction submitForm fais un

Code :

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

alert(document.getElementById('idp').value);

**laxe13** · 04/08/2008, 17h36

il me sort la valeur ! mais je ne vois pas pourquoi data.php ne la connais pas

**Matthieu2000** · 04/08/2008, 17h42

ta méthode cité

post

est passé à

get

quand j'ouvre ton lien!!!

**laxe13** · 04/08/2008, 17h43

c'etait pour tester au cas ou ca marcherais

c bon j'ai remis tout comme il faut avec l'alert aussi

**Matthieu2000** · 04/08/2008, 17h46

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

**laxe13** · 04/08/2008, 17h52

j'ai changé ca :

Code :

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

1
2
		req.open("POST", "data.php?idp="+document.getElementById('idp').value, true); 
        req.send(null);

et la variable passe bien comme il faut !

**laxe13** · 04/08/2008, 17h56

par contre comment faire passer plusieurs variable ?

du style :

Code :

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

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

**jbrasselet** · 04/08/2008, 18h00

oui comme ça

**laxe13** · 04/08/2008, 18h03

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

javascript faire passer variable

JavaScript

Discussions similaires

Partager

Partager