Comment utiliser les variables JavaScript en php

Lors de l'utilisation de la programmation mixte PHP et JavaScript, il est souvent nécessaire d'intégrer du code JavaScript dans le code PHP pour générer dynamiquement le contenu de la page et les effets interactifs. Au cours de ce processus, vous pouvez rencontrer des problèmes tels que la façon de transmettre des variables JavaScript à PHP ou d'utiliser des variables JavaScript dans le code PHP. Voici quelques méthodes couramment utilisées.

1. Utilisation de variables PHP dans le code JavaScript

L'appel de variables PHP dans le code JavaScript nécessite une sortie sur la page via l'instruction echo, puis l'obtention de la variable dans le code JavaScript. Par exemple, le code suivant obtient une variable PHP $var et affiche sa valeur :

<script>
  var jsVar = '<?php echo $var; ?>';
  alert(jsVar);
</script>

Dans cet exemple, nous transmettons la valeur de la variable PHP au code JavaScript, puis définissons une nouvelle variable dans JavaScript jsVar et attribuons la valeur de $var pour cela. Enfin, nous indiquons la valeur de jsVar.

2. Utilisation de variables JavaScript dans le code PHP

L'utilisation de variables JavaScript dans le code PHP nécessite de transmettre la valeur de la variable dans le code PHP. Par exemple, vous pouvez utiliser la technologie ajax pour transmettre la valeur de la variable JavaScript dans le PHP d'arrière-plan. scénario. Voici un exemple :

<script>
  var jsVar = 'Hello World!';
  $.ajax({
    type: "POST",
    url: "test.php",
    data: { varFromJS: jsVar }
  });
</script>

Dans cet exemple, nous définissons une variable JavaScript jsVar et transmettons sa valeur à un script PHP. Grâce à la méthode ajax POST, nous avons soumis la valeur de la variable sous forme de données au script test.php en arrière-plan et l'avons nommée "varFromJS". Dans le script test.php, nous pouvons accéder à la valeur de cette variable via le tableau $_POST, par exemple :

<?php
  $varFromJS = $_POST[&#39;varFromJS&#39;];
  echo $varFromJS;
?>

Dans cet exemple, nous accédons à la variable passée depuis JavaScript via le tableau $_POST, et passons sa valeur via le sortie de l'instruction echo sur la page.

3. Utilisez des champs cachés pour transmettre des variables

Dans la programmation mixte PHP et JavaScript, il est également courant d'utiliser des champs cachés pour transmettre des variables. L'avantage de cette méthode est qu'elle est relativement simple et intuitive, mais l'inconvénient est que la page doit être actualisée à chaque fois qu'une variable est passée. Voici un exemple :

<?php $varFromPHP = &#39;Hello World!&#39;; ?>
<script>
  var jsVar = 'JavaScript';
</script>
<form action="test.php" method="post">
  <input type="hidden" name="varFromPHP" value="<?php echo $varFromPHP; ?>" />
  <input type="hidden" name="varFromJS" value="" />
  <input type="submit" value="Submit" />
</form>
<script>
  document.getElementsByName('varFromJS')[0].value = jsVar;
</script>

Dans cet exemple, nous définissons une variable PHP $varFromPHP et une variable JavaScript jsVar, qui représentent respectivement les variables transmises depuis PHP et JavaScript. Ensuite, nous avons défini deux champs cachés dans un formulaire, nommés respectivement varFromPHP et varFromJS, et avons affiché la valeur de $varFromPHP sur la page via l'instruction echo. En JavaScript, nous accédons au champ caché varFromJS via getElementsByName et lui attribuons la valeur de jsVar. Enfin, nous ajoutons un bouton de soumission au formulaire, et lorsque l'utilisateur clique dessus, les données du formulaire sont soumises au script test.php.

Dans le script test.php, nous pouvons accéder aux valeurs de ces variables via le tableau $_POST, par exemple :

<?php
  $varFromPHP = $_POST[&#39;varFromPHP&#39;];
  $varFromJS = $_POST[&#39;varFromJS&#39;];
  echo $varFromPHP . &#39; &#39; . $varFromJS;
?>

Dans cet exemple, nous sortons les valeurs des variables passées de PHP et JavaScript au page à travers l'instruction echo .

Résumé

Lors de l'utilisation de la programmation mixte avec PHP et JavaScript, grâce aux méthodes ci-dessus, nous pouvons nous transmettre des variables de différents types de données dans le code pour obtenir des effets plus flexibles et dynamiques. Par conséquent, les développeurs doivent choisir la méthode appropriée pour atteindre leurs objectifs en fonction de la situation réelle.

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!