Intégrer des variables PHP dans un script JS

Bonjour, je me suis inspiré des éléments trouvé dans une discussion pour essayer d'intégrer des variables issues d'un PHP (qui lui même va le récupérer d'une formulaire) et les intégrer dans un javascript.

En gros, pour le moment, j'en suis à la phase test.
Côté du fichier test.PHP j'ai qqchose du genre (je mets pas tout le code, juste celui qui me pose problème, sinon ça devient illisible)

Code:

---

1 2 3 4

<?php $message = "msg à passer"; ?> <script src="osm_carte_v5.js"></script>

---

Et dans le javascript

Code:

---

1 2	var msg='<?PHP echo $message;?>'; alert(msg);

---

Et, comme l'un des répondant de l'époque, j'obtiens comme résultat <?PHP echo $message;?> au lieu de msg à passer.

Il doit me manquer qqchose.

Pourtant le fichier que j'appelle est bien un PHP.

Ou alors est-ce que l'appel de JS devrait être à l'intérieur des balises PHP ?

Salut

var msg='<?PHP echo $message;?>';:nono:
var msg=<?PHP echo $message;?>;:aie: me semble t il

Citation:

---

Envoyé par ProgElecT

Salut

var msg='<?PHP echo $message;?>';:nono:
var msg=<?PHP echo $message;?>;:aie: me semble t il

---

Oh non, ça semblait une solution tellement simple !

Mais ça n'a pas fonctionné chez moi (ça bloque le script, la age ne s'affiche pas). :triste:

Si si il faut bien des ' pour délimiter la chaîne JS.

Par contre tu ne peux pas exécuter de PHP dans un fichier .js, donc normal que le code ne soit pas interprété.

Il faut revoir où tu intègres ta data.

Au passage, j'ai aussi testé d'intégrer l'appel JS dans le PHP

Code:

---

1 2 3 4

<?php $message = "2" ; echo '<script src="osm_carte_v5.js"></script>'; ?>

---

Mais ça ne marche pas non plus.

Du coup comment vous feriez pour que le JS récupère les variables du PHP ?

Je précise que les données à exploiter sont dans un fichier xml.
Peut-être que JS saurait les en extraire ?

Pour l'instant je ne sais faire ça qu'avec le PHP donc j'ai voulu me raccrocher à ce que je savais faire…

Oublie XML et passe par JSON. Pour échanger de la data c'est bien plus efficace et simple à manipuler.

En JS, tu peux utiliser fetch() pour récupérer ton fichier de données.

Le fichier de données peut être dynamique et généré à la volée et au besoin par PHP.

Tu surestimes mon niveau en programmation !
J'ai déjà passé des heures avant de parvenir à écrire de façon ciblée dans le xml avec PHP, j'ai enfin une base de code qui fonctionne à peu près.
Tout reprendre de zéro pour passer au JSON, ça va me tuer !
C'est juste un « petit » exercice pour un cours de sensibilisation à la prog.

JE me demande si les instructions vues dans cette discussion https://www.developpez.net/forums/d1...cript-methode/ pourraient être une piste.

Mais déjà, quand dans son code php il utilise un 'user' => get_object_vars($mySqlQueryResult) dont je vois qu'il le rappelle ensuite dans le JS avec un alert('user name : ' + scriptData.user.name), ça va trop loin pour moi. J'aurai préféré qu'il récupère juste le « message » qui est plus évident pour moi. Pfouuu

Re hello,

pour le moment, ce que je constate, c'est que si je mets le script à l'intérieur du fichier php (plutôt que dans un fichier JS que j'appelle, ce qui est en principe la bonne façon de faire), alors les variables PHP sont bien prises en compte.
Pour le moment je vais déjà avancer de cette façon. (oui, c'est pas bien, mais ça me permet d'avancer et de comprendre. Je ne fais pas un site, juste un exercice.)
Et plus tard, peut-être que j'essaierai d'aller plus loin.
Genre en mettant les données dans un mySQL plutôt que dans du xml (puisque mySQL devrait être la prochaine leçon de code que nous aurons, si j'ai bien compris).

Citation:

---

Envoyé par LoicBahuEtu

JE me demande si les instructions vues dans cette discussion https://www.developpez.net/forums/d1...cript-methode/ pourraient être une piste.

---

C'est exactement ça !

Code:

---

1 2 3 4 5 6

<?php $message = "msg à passer"; ?> <script>const msg = <?php echo json_encode($message); ?></script> <!-- SANS '....' -->   <script src="script.js"></script>

---

et script.js :

Code:

---

console.log(msg);

---

Citation:

---

Envoyé par jreaux62

C'est exactement ça !

Code:

---

1 2 3 4 5 6

<?php $message = "msg à passer"; ?> <script>const msg = <?php echo json_encode($message); ?></script> <!-- SANS '....' -->   <script src="script.js"></script>

---

et script.js :

Code:

---

console.log(msg);

---

---

Ça a l'air très simple à utiliser, ça.

Et je peux donc envoyer, dans le même php, plusieurs variables, genre
<script>const msg1 = code du message 1 …
<script>const msg2 = code du message 2 …
etc

et dans le js les rattraper tous avec
console.log(msg1);
console.log(msg2); ?

(il va falloir que je trouve comment utiliser console mais c'est encore une autre histoire).

Et sinon, à quoi sert le commentaire html <!-- SANS '....' --> ?

1-

Citation:

---

à quoi sert le commentaire html <!-- SANS '....' --> ?

---

Les guillemets JS sont inutiles puisqu’on crée avec json_encode() une donnée "compatible JS".

SINON, on peut écrire :

Code:

---

<script>const msg = '<?php echo $message; ?>';</script> <!-- AVEC '....' -->

---

MAIS là, il ne faut pas que $message contienne de guillemet !

• ex. : $message = "c'est l'été"; générera une erreur JS.
• D'où l'intérêt de json_encode() !

2- console.log()

• alert() ouvre une popup "alerte"
• console.log() s'affiche dans la "console" du navigateur *

* Ouvrir l'"Inspecteur" :

• clavier touche "F12" ou "clic-droit" -> "Inspecter"
• puis onglet "Console"