Passer une variable de PHP à JavaScript

1. Utilisez AJAX pour passer la variable PHP à JavaScript
2. Utilisez JavaScript pour échapper aux scripts PHP afin de transmettre la variable PHP à JavaScript
3. Utilisez la balise d’écho PHP courte, <?=?> à l’intérieur du JavaScript pour transmettre la variable PHP à JavaScript

Nous allons présenter un moyen de passer la variable PHP à JavaScript en utilisant AJAX. Cette méthode demande les données du serveur PHP et s’exécute sur la machine cliente.

Nous allons également démontrer une autre méthode pour passer la variable PHP en JavaScript en échappant le PHP en JavaScript. Nous écrivons du JavaScript après les scripts PHP pour échapper au PHP.

Nous allons vous montrer un autre exemple pour passer la variable PHP à JavaScript en utilisant la balise echo courte dans JavaScript comme <?=$var?> où $var est la variable PHP.

Utilisez AJAX pour passer la variable PHP à JavaScript

Nous pouvons utiliser AJAX pour obtenir les données et les variables du serveur PHP vers JavaScript. Cette méthode a des scripts côté serveur et côté client séparés. Cela rend le code plus propre et améliore la lisibilité du code. AJAX signifie Asynchronous JavaScript and XML. Il utilise l’objet XMLHttpRequest pour demander les données au serveur. Il affiche les données en utilisant JavaScript et HTML DOM. Ce processus se produit de manière asynchrone, ce qui signifie que les modifications se produisent dans la page Web sans que la page ne soit rechargée. Cependant, il existe une latence lorsque AJAX est utilisé sur des réseaux car il envoie la requête HTTP. Dans cette méthode, nous écrivons du code JavaScript dans le fichier PHP.

Par exemple, créez un fichier PHP nommé index.php. Écrivez le code JavaScript à l’intérieur de la balise <script>. Créez une variable req en utilisant le mot-clé var. Créez un objet requête de la fonction XMLHttpRequest() et affectez-le à la variable req. Appelez la fonction onload() avec l’objet req en utilisant l’expression de fonction. À l’intérieur de la fonction, utilisez la fonction console.log() pour enregistrer la propriété this.responseText. N’oubliez pas de terminer l’expression de la fonction par un point-virgule. Utilisez l’objet req pour appeler la fonction open(). Fournissez get, get-data.php et true simultanément comme paramètres de la fonction. Appelez la fonction send() avec l’objet req. Créez un autre fichier PHP nommé get-data.php. Attribuez une valeur de Mountain à la variable var. Faites écho à la fonction json_encode() avec le $var comme paramètre.

Dans l’exemple ci-dessous, nous avons créé un objet de requête avec la fonction XMLHttpRequest(). La fonction onload() gère l’opération à effectuer lors de la réponse. La fonction open() spécifie la méthode HTTP, le fichier PHP qui envoie la réponse JSON et une valeur booléenne qui contrôle le reste de l’exécution du script. La fonction json_encode() du fichier get-data.php envoie la réponse au format JSON. Ici, nous avons imprimé la variable $var dans la console.

Exemple de code :

# php 7.*
<?php
?>
<script>
var req = new XMLHttpRequest(); 
    req.onload = function() {
    console.log(this.responseText); 
 };
req.open("get", "get-data.php", true); 
req.send();
</script>

# php 7.*
<?php
$var = "Mountain";
echo json_encode($var); 
?>

Production:

"Mountain"

Utilisez JavaScript pour échapper aux scripts PHP afin de transmettre la variable PHP à JavaScript

Nous pouvons utiliser JavaScript après les balises PHP pour échapper aux scripts PHP. Nous pouvons créer une variable PHP dans le script PH P. Ensuite, nous pouvons écrire le JavaScript pour échapper au PHP écrit ci-dessus et passer la variable à l’intérieur du code JavaScript. À l’intérieur du JavaScript, nous pouvons utiliser la balise PHP pour faire écho à la variable PHP en l’affectant à une variable JavaScript.

Par exemple, attribuez une valeur Metallica à une variable $var à l’intérieur des balises PHP. Écrivez une balise script et à l’intérieur, écrivez une balise PHP. À l’intérieur de la balise PHP, faites écho à une variable JavaScript jsvar. Affectez la variable PHP $var à jsvar. N’oubliez pas une citation enroulée autour du $var et un point-virgule après. Fermez la balise PHP et enregistrez la valeur de jsvar à l’aide de la fonction console.log(). Fermez la balise script. Dans l’exemple ci-dessous, nous avons enregistré la variable PHP $var dans la console en utilisant JavaScript. Nous pouvons voir la sortie dans la console de la page Web.

Exemple de code :

#php 7.x
<?php
$var = 'Metallica';
?>
<script>
   <?php
       echo "var jsvar ='$var';";
   ?>
   console.log(jsvar); 
</script>

Production:

Metallica

Utilisez la balise d’écho PHP courte, <?=?> à l’intérieur du JavaScript pour transmettre la variable PHP à JavaScript

Nous pouvons utiliser la courte balise PHP echo à l’intérieur du JavaScript pour transmettre la variable PHP à JavaScript. Nous pouvons utiliser la courte balise PHP echo pour se débarrasser des tracas liés à l’écriture de la balise PHP et de l’instruction echo. C’est une méthode abrégée. Cette méthode est très similaire à la deuxième méthode en termes de concept et d’exécution.

Par exemple, attribuez une valeur Megadeth à une variable $var à l’intérieur des balises PHP. Ouvrez une balise script et créez une variable JavaScript jsvar. Écrivez la balise echo abrégée $var comme valeur de la variable jsvar. Loguez la variable à l’aide de la fonction console.log(). Nous pouvons voir la sortie du script dans la console de la page Web.

Exemple de code :

#php 7.x
<?php
$var = 'Megadeth';
?>
<script>
    var jsvar = '<?=$var?>';
    console.log(jsvar); 
</script>
?>

Production:

Megadeth