Envoyer dans le script JS la valeur d'une variable php

**mickniclln** · 01/11/2013, 20h46

Bonjour,

Sur mon site, j'utilise le systeme de social login de Janrain.
Donc, l'utilisateur clic sur un bouton et cela ouvre le pop up permettant d'afficher la connexion au site.
Voici le code javascript que j'ai dans mon <head> </head>

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
 
<script type="text/javascript">
(function() {
    if (typeof window.janrain !== 'object') window.janrain = {};
    if (typeof window.janrain.settings !== 'object') window.janrain.settings = {};
 
 
    janrain.settings.tokenUrl = 'http://localhost:8888/write_advise.php?id=<?php echo $id; ?>';
 
    function isReady() { janrain.ready = true; };
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", isReady, false);
    } else {
      window.attachEvent('onload', isReady);
    }
 
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.id = 'janrainAuthWidget';
 
    if (document.location.protocol === 'https:') {
      e.src = 'https://rpxnow.com/js/lib/ratemywork/engage.js';
    } else {
      e.src = 'http://widget-cdn.rpxnow.com/js/lib/ratemywork/engage.js';
    }
 
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);
})();
</script>

Dans mon <body> j'ai ceci:

Code :

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

1
2
 
<a href="write_advise.php?id=<?php echo $id; ?>"  class="janrainEngage" >

Mon probleme est le suivant: dans le code JS, il y a : janrain.settings.tokenUrl = 'http://localhost:8888/write_advise.php?id=<?php echo $id; ?>';

cela fonctionne sans problème, ma page write_advise s'ouvre bien mais le id est vide.

Ma question est donc: comment faire pour que le lien present dans le JS soit complet et contienne donc la valeur de $id

D'avance merci

Mickael

**Watilin** · 01/11/2013, 22h01

C'est un problème classique. PHP et JavaScript ne « vivent » pas au même moment.

Il faut bien comprendre que PHP tourne côté serveur, et JavaScript côté client. PHP ne sait générer que du texte et l'envoyer au client via HTTP. HTML et JavaScript, tout ça c'est juste du texte pour PHP. Ce n'est que lorsque ça arrive au navigateur que ça prend un sens.

De son côté, le navigateur reçoit des données texte qu'il interprète comme HTML et JavaScript. Une fois qu'il a tout reçu, il ferme sa connexion au serveur et le processus PHP sur le serveur s'arrête. Il n'a alors plus aucune chance de connaître une variable du serveur à moins de rouvrir la connexion et relancer le processus serveur (ce qui peut se faire par exemple avec Ajax).

La solution la plus simple est d'envoyer la variable au même moment que tout le reste. Pour ça, ton serveur doit générer une ligne de code JavaScript déclarant la variable.

Code PHP :

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

echo "<script>var advise_id = $id</script>";

Si par exemple $id contient la valeur 42, une fois interprétée et envoyée, cette ligne de code devient :

Code HTML :

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

<script>var advise_id = 42;</script>

Ensuite, il te faudra juste modifier un peu ton JS pour que tokenUrl reçoive la bonne valeur.

**mickniclln** · 02/11/2013, 10h03

Bonjour,

Merci pour ta réponse.
J'ai essaye mais j'ai encore quelques soucis.

J'ai bien ajoute le code dans la version php et cela fonctionne

Code php :

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

echo "<script>var advise_id = $id; document.write(advise_id);</script>";

affiche bien le contenu de $id

Maintenant ou cela se complique, c'est pour le passage dans la partie script dans le head. Si avant le debut de la fonction, je fais un document.write(advise_id), rien ne s'affiche. Donc j'en deduis que la valeur de ma variable n'arrive pas jusque la.
Pour info, ma variable $id vient de $id=$_GET[id]
Pourriez vous m'aider ?

Merci beaucoup

Mickael

**sekaijin** · 02/11/2013, 12h47

Comme d'hab
LISEZ LA FAQ ET LA SECTION CONTRIBUEZ
http://www.developpez.net/forums/d10...cript-methode/

A+JYT

**mickniclln** · 02/11/2013, 13h59

Bonjour,

Merci pour le lien
J'ai essaye

Code php :

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

1
2
3
$script = Array(
	'id' => $id
	);

Si je fais un echo $script[id] il affiche bien l'id en question

Dans la balise head, j'ai mis:

Code php :

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

scriptData = <?php echo json_encode($script); ?>;

Si je fais document.write(scriptData), il affiche la null

Je ne comprends hélas pas pourquoi

Merci

Mickael

**sekaijin** · 02/11/2013, 16h41

document.write est à bannir

console.log ou alert mais pas document.write

peut-on voir le source de ton navigateur ?
A+JYT

**mickniclln** · 02/11/2013, 18h13

J'ai utilise alert et il affiche aussi null

Si j'affiche le code source de ma page depuis Safari j'ai ceci

Code :

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

1
2
<script type="text/javascript">
scriptData = null;

Mais je viens de me rendre compte que je me complique la vie pour rien. Commme mon $id vient d'un $_GET, je peux l'extraire de l'URL via

Code :

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

1
2
var url = window.location.search;
  alert(url.substring(url.lastIndexOf("=")+1));

Mickael

**sekaijin** · 02/11/2013, 18h21

tu as un pb dans ton php

Code php :

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

json_encode($script);

te retourne null;

ce n'est donc pas un pb JS

A+JYT

**Watilin** · 02/11/2013, 18h28

C'est plus simpe en effet

Mais attention, s'il y a d'autres paramètres GET, ton substring ne marche plus. Il peut arriver que le navigateur ajoute des paramètres à l'URL, par exemple si l'utilisateur passe par un proxy web. Dans le doute, il vaut mieux se protéger, surtout quand c'est facile à faire.

Code :

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

console.log(location.search.match(/[?&]id=([^&#]+)/));

Envoyer dans le script JS la valeur d'une variable php

JavaScript

Discussions similaires

Partager

Partager