Comment accéder aux variables PHP à partir de fichiers JavaScript externes ?

Accès aux variables PHP à partir de fichiers JavaScript externes

Les scripts PHP doivent souvent transmettre des données au code JavaScript pour des interactions dynamiques. Bien qu'il soit simple d'intégrer des variables PHP dans des blocs JavaScript en ligne, y accéder à partir de fichiers JavaScript externes présente un défi.

Méthode conventionnelle : JavaScript en ligne

Dans JavaScript en ligne, vous peut accéder directement aux variables PHP comme ceci :

<script type="text/javascript">
  alert("fruit: " + "<?php echo $fruit; ?>");
</script>

Cependant, lorsque JavaScript est chargé à partir d'un fichier externe, cette approche ne fonctionnera pas.

Accès JavaScript externe

Pour accéder aux variables PHP dans des fichiers JavaScript externes, vous devez les injecter dans le code JavaScript lors du traitement PHP. Une méthode consiste à ajouter dynamiquement des variables PHP en tant que variables JavaScript globales :

<?php
  $color = "Red";
?>
<script type="text/javascript">
  var color = "<?php echo $color; ?>";
</script>

Dans ce cas, la couleur devient une variable globale disponible dans le fichier JavaScript externe.

Méthode alternative

Une autre option consiste à intégrer des variables PHP dans le code JavaScript dans le même script PHP :

<script type="text/javascript">
  var color = "<?php echo $color; ?>";

  (function() {
    // JavaScript code using `color`
  })();
</script>

Cette approche garantit que le code JavaScript a accès à la variable PHP uniquement dans son bloc de portée ( (function() { ... })()) sans polluer l'espace de noms JavaScript global.

En utilisant ces techniques, vous pouvez tirer parti de la puissance de PHP pour remplir des variables JavaScript dans des fichiers externes, améliorant ainsi l'interopérabilité entre votre code côté serveur et côté client.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!