Passage de variable javascript a php

Version imprimable

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 :ccool:
Code:

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>

12/02/2010, 05h02
andry.aime

Bonjour et Bienvenue sur Developpez ;)
Regarde du coté AJAX.

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:

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).:D

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.

12/02/2010, 07h47
Bovino

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 :roll:
12/02/2010, 08h00
xess91

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

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

Citation:

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:

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:

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

15/02/2010, 07h58
Bovino

Très amusant :roll:

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.
15/02/2010, 08h54
javatwister

d'un autre côté, bravo, tu as trouvé un moyen révolutionnaire d'envoyer une variable au serveur: un champ de formulaire :mrgreen:
15/02/2010, 10h12
SpaceFrog

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 )
15/02/2010, 12h26
Bovino
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:

1 2 3 4 <?php $var="<script> document.write(test);</script>"; echo $var; ?>
ce qui est impossible.
17/02/2010, 17h23
paragoge

Citation:

Envoyé par Bovino

Très amusant :roll:
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...
17/02/2010, 17h44
paragoge

Citation:

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 :mrgreen:

:ccool: J'adore ton humour! ce genre de bizutage est sympa!
17/02/2010, 20h47
SpaceFrog

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 ...
17/02/2010, 21h35
paragoge

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?
17/02/2010, 22h23
Bovino

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/
17/02/2010, 22h57
paragoge

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.
17/02/2010, 23h44
paragoge

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:

$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?
18/02/2010, 05h56
dragonfly80

Citation:

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 ^^
18/02/2010, 08h31
SpaceFrog
Citation:

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:

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

Code:

alert($_POST['jsvalue'])

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

Code:

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
18/02/2010, 12h09
paragoge
Dans mon exemple on a un submit par lequel une fonction javascript est déclenché :

Code:

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

1 2 3 4 5 var MyJavascriptVariable = "maFichueVariableJs"; function SetJsValue() { document.classic_form.jsvalue.value = MyJavascriptVariable; }
qui est assigné à la variable jsvalue ?

Code:

<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?
18/02/2010, 12h16
SpaceFrog

C'est l'histoire de l'oeuf et de la poule ...

là tu raisonnes en partant du client

pour moi l'étape première est la page php qui génère le code html / js puis qui l'envoie chez le client...

Toi tu es déja à l'étape 2 le client à reçu la page, effectue une saisie et valide
il y a donc un retour sur le serveur.
18/02/2010, 13h35
paragoge

Citation:

Envoyé par SpaceFrog

pour moi l'étape première est la page php qui génère le code html / js puis qui l'envoie chez le client....

Ok, partons de la page action.php. Elle ne contient que ça :
echo $_POST['jsvalue'];
Comment peut-elle afficher le contenu de la variable jsvalue sans que précédemment celle-ci ne lui ait été transmis par la fonction javascript onclick?
18/02/2010, 13h46
SpaceFrog

si la page action est affichée directement la variable $POST['jsvale'] fera planter php
d'ou la necessité de mettre un test isset pour savoir si elle existe
18/02/2010, 14h00
paragoge
donc ma page action.php est maintenant :
Code:

1 2 3 4 <?php if(isset($_POST['jsvalue'])) echo "The javascript value is: ".$_POST['jsvalue']; ?>
Elle affiche correctement le contenu de la variable: elle a donc été transmise précédemment par la fonction javascript, non?
18/02/2010, 14h41
SpaceFrog

non par le formulaire
18/02/2010, 15h06
paragoge

tout à fait, donc, comme c'est la fonction javascript qui a transmis le string à la variable jsvalue, elle a été exécutée avant l'envoie du formulaire.
18/02/2010, 15h11
SpaceFrog

oui sur une autre page ... et coté client ...
18/02/2010, 16h13
paragoge

Bon, ça prend forme... mais je ne vois pas comment on peut parler de "page" pour un lecture par le browser du code javascript.
18/02/2010, 16h15
SpaceFrog

cote client une page commence par la balise doctype suivie de <html> ...jusqu'à </html>
voilà ce que le navigateur interprète cote client
18/02/2010, 18h11
paragoge

Effectivement...j'oubliais que le code javascript était forcément dans des balises html. Merci beaucoup pour ton aide et l'aide de dragonFly80!
18/02/2010, 19h44
SpaceFrog

oui la balise <script> doit être entre les balise html et c'est donc coté client que le js est interprété

Je suis pas sûr d'avoir saisi le soucis pour envoyer des variable javascript vers Php (Je rentre du boulot donc les yeux qui piquent :mouarf:).

Mais tu peu le faire de cette manière je pense :
Ton javascript serai :
Code:

1 2 3 4 5 6 7 8 9 function PassVarJavaSversPhP(){ var maVar01 = 'Babidi'; Var maVar02 = 'Bibidi'; Var maVar03 = 'Bouh'; //Ensuite tu fais une redirection vers ta page php avec tes varaibles document.location.href= "nouvellepage.php?laVar01="+maVar01+"&laVar02="+maVar02+"&laVar03="+maVar03; }
Ensuite dans la page php, tu récupère tes valeurs de cette manière :
Code:

1 2 3 4 5 6 7 8 <?php $var01 = $_GET['laVar01']; $var02 = $_GET['laVar02']; $var03 = $_GET['laVar03']; Echo $var01.' '.$var02.' '.$var03.' sont les 3 variables passé en URL par le code javascript'; ?>
Tu peu ainsi récupères des paramètres js pour tes requêtes php/mySql qui par exemple te génère des Stores JSON que tu peu lire avec javascript. Le store est générer en fond et il n'y a donc pas de rechargement de page.

par contre il ne faudra pas passer par une redirection.
Ou encore charger une feuille XML largement gérable aussi avec du javascript.

Mais je vais me taire là, car j'ai l'impression de commencer à être Hors sujet :roll:

19/02/2010, 21h34
Bovino

Citation:

Je suis pas sûr d'avoir saisi le soucis

Effectivement, tu as mal saisi le souci qui est d'utiliser de façon prédictive une variable JS en PHP ou plus précisément, d'utiliser en PHP le résultat d'un traitement JavaScript avant d'avoir envoyé au navigateur ladite fonction JavaScript ;)
19/02/2010, 22h08
AcidLines

Citation:

Envoyé par Bovino

avant d'avoir envoyé au navigateur ladite fonction JavaScript ;)

Je saisi pas ce passage de ton explication. Car dans le même principe, on peut réaliser le traitement en javascript avec un "return" et récuperer cette valeur dans une sous-fonction qui l'enverrai en param dans une url vers page Php non ?
20/02/2010, 08h45
SpaceFrog

Je pense que le souci est plutot que notre ami n'avait pas tout a fait bien saisi la chronologie ni la localisation de l'interprétation des differents langages php html javascript.
Il est évident qu'une variable javascript provient du client et que si l'on passe une variable js à une page php il y a forcément eu eu un passage chez le client avant.
Une variable php get ou post n'existe que lors d'un retour sur le serveur en provenance d'un lien html ou soumission de formulaire.
Il n'y a pas de génération spontanée de variables en provenance du client sur le serveur.
A noter aussi d'ailleurs que le serveur n'est jamais initiateur d'une conversation. La demande est toujours initiée par le client .

Fuseau horaire GMT +2. Il est actuellement 15h04.