Passage de variable javascript a php

**mariox** · 11/02/2010, 23h00

Bonjour je voudrais connaitre les diff�rentes m�thodes pour passer les valeurs d�une variable javascript � php ?

Voici une m�thode trouv�e , donnez moi votre avis ? et si vous avez d�autres m�thodes je suis � l��coute.

Merci d�avance mariox

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
 
<html>
<head>
	<title>test de script php et javascript</title>
</head>
<body>
 
<script trype="text/javascript">
 var test="toto";
</script>
 
	<?php
                        $var="<script> document.write(test);</script>";
                        echo $var;
        ?>
</body>
 
</html>

**andry.aime** · 12/02/2010, 05h02

Bonjour et Bienvenue sur Developpez

Regarde du cot� AJAX.

**xess91** · 12/02/2010, 07h34

Salut,

Je penses que la technique que tu pr�sentes est bien, tu peux tr�s facilement t'en servir aussi bien dans le head ou dans le body, par exemple pour afficher une adresse stocker dans une base de donn�es dans google map.

exemple:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
geoCodeur.getLatLng("<?php echo $rue.' '.$cp.' '.$ville.' france'; ?>",.....);
 
//ou//
 
var adresse = "<?php echo $rue.' '.$cp.' '.$ville.' france'; ?>";
geoCodeur.getLatLng(adresse,.....);

Et apr�s comme dit Andry.aime tu as ajax. Vraiment bien aussi ! Ca t'offrira pas mal de possibilit�s. Perso je m'en sert surtout pour changer le contenu d'une page et rarement pour passer le contenu d'une variable php dans une variable javascript, enfin surtout tout d�pend le volume du contenu que tu veux faire passer. (genre une page compl�te utilises ajax et petit bout de code utilises la m�thode que tu nous pr�sentes).

Ah oui aussi j'allais oublier : si tu utilises la premi�re m�thode tes variables et ton contenu seront initialis�s au chargement de la page puisque php agit cot� serveur, tandis que si tu utilise ajax tu peux modifier les informations � n'importe quel moment sans recharger la page.

A toi de choisir au mieux une de c'est m�thodes en fonctions de tes besoins.

**Bovino** · 12/02/2010, 07h47

Mais non, il est absolument impossible d'utiliser en PHP une variable JavaScript !
PHP sert � g�n�rer une page HTML avant qu'elle ne soit interpr�t�e par le navigateur, aucun traitement JavaScript ne peut �tre disponible � ce moment

**xess91** · 12/02/2010, 08h00

ooooops je me suis tromp�, j'avais compris l'inverse php to javascript.

D�sol� Mariox a ce moment la tu n'as que Ajax comme solution.

**paragoge** · 14/02/2010, 13h29

Envoy� par Bovino

Mais non, il est absolument impossible d'utiliser en PHP une variable JavaScript

Je viens pr�cis�ment d'utiliser en PHP une variable javascript !!!

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
<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Exemple d'utilisation en PHP d'une variable javascript</title> 
<script language="javascript" type="text/javascript"> 
var MyJavascriptVariable = "Ceci est bien une variable javascript!!!"; 
function SetJsValue() 
{ 
     document.classic_form.jsvalue.value = MyJavascriptVariable; 
} 
</script> 
</head> 
<body> 
<form action="action.php" method="post" enctype="application/x-www-form-urlencoded" name="classic_form" id="classic_form"> 
 <input type="hidden" name="jsvalue" value="javascript:MyJavascriptVariable.toString()" /> 
<input type="submit" name="submit" id="submit" value="Submit" onclick="SetJsValue();" /> 
</form> 
</body> 
</html>

et dans action.php :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<?php
echo $_POST['jsvalue'];
?>

**Bovino** · 15/02/2010, 07h58

Tr�s amusant

Sauf que dans ton code j'ai un peu de mal � voir o� tu utilises dans un traitement PHP une variable JavaScript...
Tout ce que je vois, c'est l'utilisation classique de JavaScript dans une page HTML.

**javatwister** · 15/02/2010, 08h54

d'un autre c�t�, bravo, tu as trouv� un moyen r�volutionnaire d'envoyer une variable au serveur: un champ de formulaire

**SpaceFrog** · 15/02/2010, 10h12

mariox => dans ton code je ne vois pas de passage de variable de js � php ...
paragoge => le passage de la variable se fait classiquement par soumission d'un formulaire...

Il n'y a pas de secret, un passage de variable du client vers le serveur ne peut se faire qu'en get ou en post dans l'url.

Donc soit par :

- des champs de formulaire

- une concatenation de l'url avec les param�tres ( ?param1=truc&param2=machin )
puis un self.location.assign (ou href) ou une attribution de src (image ou iframe)

- un send d'ajax (xmlHttpRequest )

**Bovino** · 15/02/2010, 12h26

Spaffy, dans l'exemple propos� par mariox, ce qu'il souhaite, c'est utiliser pendant la cr�ation de la page en PHP une variable qui sera cr��e par une fonction JavaScript de la page g�n�r�e :

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<?php
	$var="<script> document.write(test);</script>";
	echo $var;
?>

ce qui est impossible.

**paragoge** · 17/02/2010, 17h23

Envoy� par Bovino

Tr�s amusant

Sauf que dans ton code j'ai un peu de mal � voir o� tu utilises dans un traitement PHP une variable JavaScript...
Tout ce que je vois, c'est l'utilisation classique de JavaScript dans une page HTML.

C'est exact...(et c'est rassurant de voir que les pros dans ce forum ne sont pas des touristes!) alors on peut dire pour �tre pr�cis que c'est une variable javascript plac�e dans une variable POST qui est r�cup�r�e dans une page php. Est-ce une formulation correcte?

Maintenant, il y a un truc que je ne grasp pas encore bien : pour le m�me exemple, le code source affiche correctement le contenu de la variable dans le champs value ="" si la page php traite cette variable (ici par un simple echo). Si par contre j'annule l'�cho et le remplace par un header("Location: pageDorigine.html"); alors plus rien : la variable n'est pas ins�r�e par la fonction bien qu'elle ait bien �t� initi�e par onclick

L�, j'ai quelque chose d'important � apprendre...

**paragoge** · 17/02/2010, 17h44

Envoy� par javatwister

d'un autre c�t�, bravo, tu as trouv� un moyen r�volutionnaire d'envoyer une variable au serveur: un champ de formulaire

J'adore ton humour! ce genre de bizutage est sympa!

**SpaceFrog** · 17/02/2010, 20h47

En gros php ne fait que rediger le code html / js...

Tant que le php n'as pas fini de rediger le code html js et que la page n'est pas arriv�e cot� client, parler de variable javascript est une prospection, elle n'existe pas encore.
Puis une fois la page arriv�e cot� client parler de code php est de l'arch�ologie, il n'existe plus ... il en sotn encore vraiment � l'apartheid et il n'y a rien � y faire � part communiquer par avocat interpos� que sont le post et le get ...

**paragoge** · 17/02/2010, 21h35

Quelque chose dans ton explication semble entrer en collision avec l'exemple pr�cis pr�sent : pour que php puisse lire la variable name="jsvalue" dans l'input, il faut bien que d'abord en local la valeur d�finie dans le script javascript soit transmise par la fonction SetJsValue().
Le javascript est bien lu en premier, la variable est envoy�e puis sa valeur est affich�e dans le browser ? De cet exemple pr�sent, c'est bien le javascript qui est ex�cut� en premier, non? N'est-ce pas la fonction onclick qui est ex�cut�e avant le submit?

**Bovino** · 17/02/2010, 22h23

Non, ce que t'as expliqu� Spaffy, c'est que d'abord, ta page est construite avec PHP cot� serveur.
Le script PHP g�n�re un code HTML (qui peut contenir du code JavaScript ou des appels � des fichiers JavaScript) et l'envoie au navigateur. Son travail est alors termin� et il oublie instantan�ment tout ce qu'il vient de faire.
Une fois arriv� sur le poste client, le code HTML g�n�r� est alors interpr�t� par le navigateur dans l'ordre o� il apparait dans le code. Donc quand du JavaScript arrive, l'interpr�teur prend le relais et int�gre le tout dans l'environnement JavaScript. C'est uniquement � ce moment que ta variable existe r�ellement.

Pour plus de d�tails, je te conseille de lire ce tuto : http://dmouronval.developpez.com/tut...-requete-ajax/

**paragoge** · 17/02/2010, 22h57

Ce que je veux dire c'est que $_POST['jsvalue'] ne pourrait rien contenir si AVANT d'arriver sur le serveur, le browser n'avait pas transmis le string "Ceci est bien une variable javascript!!!" � jsvalue.
Merci pour le tutorial.

**paragoge** · 17/02/2010, 23h44

Tr�s bien le tuto. Je le garde sous la main. J'aimerais avoir ton avis sur la possibilit� ou non d'une am�lioration d'une logique d�j� r�ali�e et qui marche :

Il s'agit d'une s�rie d'input text superpos�s. Le contenu est envoy� � une page php qui g�n�re du code xml comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

$xml .= "<title><![CDATA[<span class='title'>" . $_POST['titre1'] . "</span>]]></title>";

Cette page php enregistre dans un fichier texte le code xml g�n�r� et on revient � la page de d�part par un header("Location:").
La page xml est import�e par ActionScript 3 dans un fichier swf.

Je suis arriv� � la limite de mes comp�tences et je ne peux r�aliser l'am�lioration suivante: j'aimerais bien, dans la page de d�part avoir des champs textes dynamiques que je rajoute avec javascript par creation d'�l�ments et d'attributs, mais pour conserver le contenu des champs texte quand on revient sur la page par un header, l� �a devient plus complexe que de faire un simple <?php echo $_POST[''] ?> dans les value du text. Je suis arriv� dans une impasse en essayant de m�langer du code php et javascript...et c'est l� que ton tuto a mis les points sur les i!

Dans quelle direction devrais-je aller chercher? Ajax pourrait-il �tre une piste?

**dragonfly80** · 18/02/2010, 05h56

Je suis arriv� � la limite de mes comp�tences et je ne peux r�aliser l'am�lioration suivante: j'aimerais bien, dans la page de d�part avoir des champs textes dynamiques que je rajoute avec javascript par creation d'�l�ments et d'attributs, mais pour conserver le contenu des champs texte quand on revient sur la page par un header, l� �a devient plus complexe que de faire un simple <?php echo $_POST[''] ?> dans les value du text. Je suis arriv� dans une impasse en essayant de m�langer du code php et javascript...et c'est l� que ton tuto a mis les points sur les i!

si tu veux rajouter dynamiquement des champs texte par exemple sur l'action d'un bouton, je pense qu'il faut directement le faire en ajax. et �tablir une structure hi�rarchique qui te permette de cr�� un tableau de champs texte.
ainsi, lorsque tu clique sur le bouton, tu as juste a ajouter un �l�ment suppl�mentaire a ton tableau.
ensuite l'ont pourrait voir la chose suivante :
- pour faire en sorte � avoir un tableau de champs texte, il faut associ� un attribut "class" identique pour tous.
- et pour diff�rencier chacun de tes champs, tu leur alloue un attribut "id".

ensuite, lorsque tu valide ton formulaire, tu appel une fonction ajax qui r�cup�re les champs et les envoies � une page php qui se charge de stocker les champ texte dans une session et tu fais une redirection vers le formulaire.
bien entendu , dans le formulaire tu v�rifie si ta session est pleine et a ce moment la tu d�termine le nombre d'�l�ment qu'il y a dans ton tableau et tu reconstruit le formulaire avec les donn�es stocker.

l'un des soucis est le nombre de variable traiter via javascript ^^. pasque si tu as une 10aines de champs texte a sauvegarder ca va en faire des donn�es POST ^^

**SpaceFrog** · 18/02/2010, 08h31

Ce que je veux dire c'est que $_POST['jsvalue'] ne pourrait rien contenir si AVANT d'arriver sur le serveur, le browser n'avait pas transmis le string "Ceci est bien une variable javascript!!!" � jsvalue.

non les variables $_POST ne sont pas des variables javascript !!!
$_POST et $_GET sont des variables php
Elle sont transmises par le client certes mais n'ont aucun existence cot� client.

cot� client tu devras faire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
var jsvariable=document.getElementsByName('jsvalue')[0].value;
alert(jsvariable

et non

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

alert($_POST['jsvalue'])

par contre si tu es cot� serveur en provenance du client tu pourrais faire:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

echo 'script type="text/javascript">alert("'.$_POST['jsvalue'].'");</script>

MAIS qui ne sera interpr�t� que lors du retour chez le client.

Il faut bien comprendre que les deux langages �tant interpr�t�s a des moments diff�rents ne peuvent en aucun cas utiliser mutuellement leurs variables autrement que par des transferts.
de js � php en post ou en get
de php en js par des echos de variables php ou transfert en get que js sait �ventuellement r�cup�rer

**paragoge** · 18/02/2010, 12h09

Dans mon exemple on a un submit par lequel une fonction javascript est d�clench� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

    <input type="submit" name="submit" id="submit" value="Submit" onclick="SetJsValue();" />

Qu'est ce qui se passe en premier?
N'est-ce pas d'abord le string "maFichueVariableJs"

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var MyJavascriptVariable = "maFichueVariableJs";
function SetJsValue()
{
 document.classic_form.jsvalue.value = MyJavascriptVariable;
}

qui est assign� � la variable jsvalue ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

    <input type="hidden" name="jsvalue" id="jsvalue" value="javascript:MyJavascriptVariable.toString()" />

et ensuite donc est envoy�e � la page action.php qui va lire cette variable par echo $_POST[jsvalue]; ?

N'est-ce pas donc d'abord javascript qui est ex�cut�(? le terme exacte pour cette op�ration?) et ensuite dans la page action.php la fonction echo r�alis�e?

Passage de variable javascript a php

JavaScript

Discussions similaires

Partager

Partager